使用ueditor编辑后保存到数据库,内容中含有html代码

使用ueditor编辑后保存到数据库,内容中含有html代码,第1张

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怎么获取内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9318813.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存