百度富文本编辑器的应用技巧---在一个页面中使用多个样式不同功能不同的编辑器
//1.2.4以后可以使用一下代码实例化编辑器
//UE.getEditor('myEditor')
在官方的说明文档上看到这个注释,不是很明白,而且需要在一个页面中使用多次样式功能不同的ueditor,经过多次测试,终于成功
自定义功能。
代码如下
<form> <textarea name="hehe" id="myEditor"></textarea> <script type="text/javascript"> UE.getEditor('myEditor',{ initialFrameHeight: 200 , toolbars: [["bold","italic"]] }); </script> </form>
需要自定义的样式,我们可以在config.js中找到。
,initialContent:'欢迎使用ueditor!'
比如添加默认内容为'欢迎使用ueditor!'
则代码修改如下
<form> <textarea name="hehe" id="myEditor"></textarea> <script type="text/javascript"> UE.getEditor('myEditor',{ initialFrameHeight: 200 ,initialContent:'欢迎使用ueditor!' }); </script> </form>
如此,我们便可以创建多个编辑器,而功能不同了。
特别是toolbar的功能。