下载网址:http://ueditor.baidu.com/website/
虽然百度的人品不咋滴,但是这个开源编辑器还是不错。简单配置一下就能用了
首先引入必要的js文件,然后在适当的地方写javaScript或area标签,最后用适当的配置渲染即可
<script type="text/javascript" charset="utf-8" src="/assets/mpAll/js/ueditor1_4_3/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="/assets/mpAll/js/ueditor1_4_3/ueditor.all.min.js"> </script> <!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败--> <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文--> <script type="text/javascript" charset="utf-8" src="/assets/mpAll/js/ueditor1_4_3/lang/zh-cn/zh-cn.js"></script> <!-- 有两种写法 --> <!-- yi --> <script id="myeditor" type="text/plain" style="width:990px;height:500px;"></script> <!-- er --> <textarea name="myeditor" id="myeditor">$content</textarea> <script type="text/javascript"> var editor = new UE.ui.Editor({ initialFrameHeight: 300, initialFrameWidth: 800, autoHeightEnabled: false }); editor.render("myeditor"); </script>
我用的时候觉得插入文本还是第二种方式好一些,即area的方式,因为那样初始化数据的时候有特殊符号的不用进行处理,原样放在标签的html中即可。初始化参数源码已有详细解释。
时间: 2025-01-02 17:02:51