文本编辑器

网上有很多在线编辑器的使用,这里我简单进入KindEdit

1.下载链接 http://kindeditor.net/down.php

以下是下载解压后的文件,demo.html是我自己创的,用来测试

文本编辑器_第1张图片

2.HTML代码

<form>
    <textarea id="editor_id" name="content" style="width:700px;height:300px;">
        &lt;strong&gt;测试文本编辑器&lt;/strong&gt;
    </textarea>
</form>

3.在html添加以下脚本

<script charset="utf-8" src="kindeditor-all-min.js"></script>
<script charset="utf-8" src="lang/zh-CN.js"></script>
<script> KindEditor.ready(function(K) { window.editor = K.create('#editor_id'); }); </script>

运行demo.html,在线编辑器就添加到了textarea 中

了解更多细节,请直接看KindEditor官网文档 http://kindeditor.net/doc.php

你可能感兴趣的:(文本编辑,KindEdit)