发表于: 2017-07-24 22:30:30

1 673


今天完成的事情:

使用wangEditor作为富文本编辑器的插件,操作方式十分简单

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>wangEditor demo</title>
</head>
<body>
<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>
</body>
</html>

使用模块定义:

require(['/wangEditor.min.js'], function (E) {
var editor = new E('#editor')
editor.create()
})

html页面为:

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>wangEditor demo</title>
</head>
<body>
<div id="editor">
   <p>欢迎使用 wangEditor 富文本编辑器</p>
</div>

<script data-main="./main.js" src="//cdn.bootcss.com/require.js/2.3.3/require.js"></script>
</body>
</html>


明天计划的事情:

修补小问题,整合代码


问题:
怎么获取侧边栏下拉框的状态


收获:

富文本编辑器的使用


返回列表 返回列表
评论

    分享到