使用富文本wangeditor上传文章。
1.最近做一个个人博客时,需要编辑文章,然后上传,所以就使用了百度旗下的wangEditor富文本编辑器。wangeditor。如图。
使用用例:
<div id="editor">
<p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>
</div>
<!-- 注意, 只需要引用 JS,无需引用任何 CSS !!!-->
<script type="text/javascript" src="/wangEditor.min.js"></script>
<script type="text/javascript">
var E = window.wangEditor
var editor = new E('#editor')
// 或者 var editor = new E( document.getElementById('editor') )
editor.create()
</script>
因为文章内容在需要在页面含样式的展示,所以,文章内容储存在数据库时候需要带html标签,参照文档手册,获取编辑器html内容。
<script type="text/javascript">
var E = window.wangEditor;
var editor = new E('#editor');
var $text1 = $('#text1');
editor.customConfig.onchange = function (html) {
// 监控变化,同步更新到 textarea
$text1.val(html);
};
editor.create</