tynymce最简单的用法

以前没有用过，需要 一个简单的demo打开就能用 下面的代码



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" >
<title>demo</title>
<script src="tinymce.min.js" ></script>
<script>
function setHtml()
{
tinyMCE.activeEditor.setContent("I am coder!!!");
}
function getHtml()
{
	var txt=tinyMCE.activeEditor.getContent();
	alert(txt);
}
</script>
</head>




<body>
<div id="tinydemo">
</div>
<button onclick="setHtml()">Set</button>
<button onclick="getHtml()">Get</button>
<script>
tinymce.init({selector:'#tinydemo',language:'zh_CN',
inline: false,height: 500,
statusbar: false,menubar:false,
        fontsize_formats: '12px 14px 16px 18px 24px 36px 48px 56px 72px',
        font_formats: '微软雅黑=Microsoft YaHei,Helvetica Neue,PingFang SC,sans-serif;苹果苹方=PingFang SC,Microsoft YaHei,sans-serif;宋体=simsun,serif;仿宋体=FangSong,serif;黑体=SimHei,sans-serif;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;',
        importcss_append: true,
        autosave_ask_before_unload: false,
        convert_urls:false,
        toolbar: 'wordcount codesample link undo redo| forecolor backcolor bold italic underline strikethrough hr|' +
        '|alignleft aligncenter alignright alignjustify|table image media| insertdatetime preview fullscreen code',
        plugins: 'link wordcount print preview searchreplace autolink directionality visualblocks visualchars fullscreen image link media template code codesample ',
        
 });
</script>
</body>
</html>


 




 






            

            
posted @ 
2021-05-25 11:08 
浪迹天涯的程序员 
阅读(189) 
评论(0) 
 
收藏 
举报