1、在UEditor官网下载对应的工具包。
2、基本目录结构。
3、引入UEditor核心文件。
4、实例化UEditor编辑器//阻止div标签自动转换为p标签allowDivTransToP: false,//是否自动长高,默认trueautoHeightEnabled: false。
5、最后效果图如下。
你用的什么语言,服务器端生成的时候,直接写在里面就可以了啊,比如
<textarea name="content" cols="800" rows="800" id="myEditor">
<%=x_content%>
</textarea>
<script type="text/javascript">
var editor = new UEuiEditor({initialFrameHeight:450});
editorrender("myEditor");
//124以后可以使用一下代码实例化编辑器
//UEgetEditor('myEditor')
</script>
使用UEditor创建一个编辑器还是很简单的一件事情,首先就是引入俩个js文件,分别为editor_configjs和editor_alljs。然后就是js创建一个可编辑区域,用来创建编辑器,需要注明id,类型为text/plain,最后实例化编辑器即可
如果将UEditor应用到项目中我们还需要对编辑器的路径进行设置。我们打开editor_configjs文件,找到windowUEDITOR_HOME_URL,然后配置编辑器所在文件的路径,这个路径可以是绝对路径也可以是相对路径。此处的配置仅对这个编辑器起作用,如果你使用了多个UEditor则需要分别进行设置。
<script id="editor" type="text/plain"></script>
改为
<script id="editor" name="editor" type="text/plain"></script>
在线文档对UEditor说明不够全面,收集了一些常用的方法和基本设置,以供参考。
1、创建编辑器
UEgetEditor('editor',
{
initialFrameWidth:"100%"
//初始化选项
})
精简版
UEgetEditor('editor')
2、删除编辑器
UEgetEditor('editor')destroy();
3、设置焦点
UEgetEditor('editor')focus();
4、获取编辑器内容
UEgetEditor('editor')getContent()
5、编辑器是否有内容
UEgetEditor('editor')hasContents()
6、获取编辑器内容纯文本格式
UEgetEditor('editor')getContentTxt()
7、获取带格式的纯文本
UEgetEditor('editor')getPlainTxt()
8、启用编辑器
UEgetEditor('editor')setEnabled();
9、禁止编辑
UEgetEditor('editor')setDisabled('fullscreen');
10、获取整个html内容
UEgetEditor('editor')getAllHtml()
11、常用设置
imageUrl:UEDITOR_HOME_URL
+
"/yunserver/yunImageUpphp",
//上传接口
imagePath:">
改变iframe链接。
这个是iframe嵌入内容里面的元素,点击这个,想让外面的tab栏切换,iframe链接也要改变,点击下一个iframe外面的元素,点击跳转即可。
百度UEditor的推出,可以帮助不少网站开发者在开发富文本编辑器所遇到的难题,节约开发者因开发富文本编辑器所需要的大量时间,有效降低了企业的开发成本。
以上就是关于使用ueditor编辑后保存到数据库,内容中含有html代码全部的内容,包括:使用ueditor编辑后保存到数据库,内容中含有html代码、ueditor怎么显示从数据库获取的内容、百度编辑器ueditor怎么获取内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)