如何在自己的頁面中導(dǎo)入富文本編輯器，今天學習到的干貨，趕緊自己碼起，以備以后需要時參考！
用easyui這個前端框架來引入~
首先，，，需要引入js和css
<link href="kindeditor-4.1.10/themes/default/default.css" type="text/css" rel="stylesheet">
<script type="text/javascript" charset="utf-8" src="kindeditor-4.1.10/kindeditor-all-min.js"></script>
<script type="text/javascript" charset="utf-8" src="kindeditor-4.1.10/lang/zh_CN.js"></script>
<script type="text/javascript" charset="utf-8" src="jquery-easyui-1.4.1/jquery.min.js"></script>
具體路徑根據(jù)自己項目中這些資源文件的位置而定
生成富文本主要用到一段Js
<script type="text/javascript">
?? $(function(){
????? KindEditor.ready(function(){
???????? KindEditor.create("#editor")
????? })
?? })
</script>
頁面完成加載后，通過KindEditor.create("#editor")來創(chuàng)建富文本，create里面的內(nèi)容為JQ的選擇器
上文的意思為在 ?id為editor的元素內(nèi)創(chuàng)建一個富文本編輯器
<body>
? ? ? ?<h1>富文本編輯器Demo</h1>
? ? ? <textarea style="width:700px;height:350px" id="editor"></textarea>
</body>
效果展示：
學習整理筆記之富文本的使用?
完結(jié)！??！
上面會用到的資源下載鏈接
鏈接: https://pan.baidu.com/s/1qH96hDPLmgbBRp8SKStdiA 提取碼: 4x95?
