原关于百度富文本编辑器的使用心得

lishihai lishihai     2022-12-27     495

关键词:

最近需要修改一个基于 sdcms做的企业网站

需要实现的功能是添加描述产品所需的新栏目(原来只有产品简介)

需要做的是在原有的数据库中添加新字段,修改后台代码用创建更多ueditor编辑器的新实例(一个字段对应一个实例)。

编辑时从数据库中取出数据到ueditor编辑器中

这里要说的就是我在从数据库中取出内容到编辑器中踩过的坑

 

1.实例名.getContent()

是获取内容

1.实例名.setContent()

2.UE.commond(‘insert‘,"你要添加的内容")

3.直接往编辑器所绑定的标签中添加你要的内容

   比如:<script name="ueitor"><script>

  用jQuery添加就是  $("script").html("你要添加的内容")

这三个都能添加内容到编辑器里

但是我在使用中遇到了问题。

使用方法3时

编辑器没有渲染出来只有内容出来了(偶尔发现的。第一次是渲染出来编辑器的界面的。睡觉后第二天起来发现有问题了)

 

所以在这里我建议大家使用方法1或2来向编辑器中添加数据。

百度富文本编辑器的使用(代码片段)

百度富文本编辑器的使用(2016年版本)对于大文章的网上编辑,你的输入编辑框肯定不够用,现在看看功能强大的富文本编辑框吧1.ueditor官方地址:http://ueditor.baidu.com/website/index.html  开发文档地址:  http://ueditor.b... 查看详情

百度富文本ueditor编辑器的使用(代码片段)

...其是在网站开发后台管理系统的时候经常会使用到富文本编辑器,这里我们来使用百度提供的富文本编辑器UEditor,以提高我们的开发效率UEditor官网下载地址:https://ueditor.baidu.com/website/download.html 这里我下载的是jsp版本中的UT... 查看详情

使用百度富文本编辑器

插件下载地址:http://ueditor.baidu.com/website/download.html具体引用:把下载的文件完全的额引入到你的项目中,然后编辑页面内容:<!--加载编辑器的容器--><scriptid="container"style="height:700px"type="text/plain">    &nbs 查看详情

react-draft-wysiwyg富文本编辑器使用心得

参考技术A第一次使用富文本编辑器,遇到了很多的坑,与大家分享。因为项目原因,使用了react-draft-wysiwyg;配合使用插件如下:1Draft.js2:draftjs-to-html3:html-to-draftjsDEMO1效果图如下:一:安装所用插件二:初始化一个空白的编辑器... 查看详情

百度的富文本编辑器ueditor添加图片自动加上宽度和高度的属性

若是没有对编辑器做任何配置直接添加图片的话,显示的html内容如下图所示:它会显示出原图片尺寸所以必须要对图片的初始显示尺寸做控制:ueditor文件中找到image.js文件在image.js中找到如下图所示:在此处添加上所要想显示的... 查看详情

umeditor百度富文本编辑器的使用

批量上传的图片在线管理没法查看图片是因为jar包本身的Bug,这里暂时做了个替换展示。就是找到Img.js 然后搜索img.set替换下就好了                    &nbs 查看详情

关于富文本编辑器的一些使用问题

1.在使用ueditor的过程中老是报如下的错误信息 在期间想了各种办法解决,现在大致总结一下第一步:设置好路径 在editor.api.js下面也设置一下路径,要跟自己的项目路径对应  然后第二步:关键一步  http://w... 查看详情

使用百度umeditor富文本编辑器,修改自定义图片上传,修改源码

富文本编辑器,不多说了,这个大家应该都用到过,至于用到的什么版本,那就分很多种CKEditor:很早以前叫FCK,那个时候也用过,现在改名了,比较流行的一个插件,国外很多公司在用UEDITOR:百度开发的插件,lite版是UMEasyUI编... 查看详情

百度富文本编辑器

...------------------------------------百度搜索—— 百度富文本编辑器——进入首页(百度编辑器-UEditor-首页)百度编辑器 -UEditor-首页 ——上方导航【下载】——选择对应的版本下载(我选的是1.4.3.3.Net版本utf-8版)【把资源... 查看详情

selenium+java-关于富文本编辑器的处理

Selenium+java-关于富文本编辑器的处理什么是富文本编辑器?富文本编辑器,RichTextEditor,简称RTE,是一种可内嵌于浏览器,所见即所得的文本编辑器。具体长啥样,如下图:通过自动化操作富文本编辑器模拟场景:在富文本编辑器中... 查看详情

详解vue基于vue-quill-editor富文本编辑器使用心得

...ue-quill-editor的guthub地址 ,现在市面上有很多的富文本编辑器,我个人还是非常推荐Vue自己家的vue-quill-deitor,虽然说只支持IE10+,但这种问题,帅给别人吧!那么我们直击正题,在vue中使用quill呢,我们需要npm进行安装,安装命... 查看详情

富文本编辑器ckeditor的使用

...,项目中有个论坛模块,当用户发帖时,需要用到富文本编辑器,考虑了一下,决定使用CKEditor富文本编辑器,虽然现在问世的富文本编辑器很丰富,比如还有百度的UEditor等等,但是我选择使用CKEditor的原因是它能快速引入到我... 查看详情

哪个富文本编辑器好一些

  可以试试这个wangEditor-轻量级web富文本编辑器  生成表格还是会有一些样式,不过比百度的要少一些。  以下是官方介绍:  与国产编辑器百度ueditor和kindeditor相比,它轻量、易用、UI设计精致漂亮。  与国外编辑器... 查看详情

富文本编辑器选择使用

之前使用过百度editer,还有kindeditor.....这些富文本编辑器都有一个共同点,相对还是打,有些功能是我不需要的,然后文档还又臭又长!!重点还有就是图片上传那个功能,非要还要什么检测下,导致我现在一点不想用! 这... 查看详情

vue基于vue-quill-editor富文本编辑器使用心得(代码片段)

vue-quill-editor的guthub地址,现在市面上有很多的富文本编辑器,我个人还是非常推荐Vue自己家的vue-quill-deitor,虽然说只支持IE10+,但这种问题,帅给别人吧!那么我们直击正题,在vue中使用quill呢,我们需要npm进行安装,安装命令... 查看详情

百度富文本编辑器ueditor

前言  配置.netmvc4项目使用ueditor编辑器,在配置过程中遇见了好几个问题,以此来记录解决办法。编辑器可以到http://ueditor.baidu.com/website/download.html#ueditor处下载.net的开发包,如下图,我下载的是1.2.6.1net版本的开发包。配置:1... 查看详情

springboot整合百度ueditor富文本

...供的demo和js导入项目中 2.编写html  这步创建好了编辑器然后我们会发现图片不能上传 出现这个问题之后我们去config.j 查看详情

百度富文本赋值

$(function(){  varcontent=$(‘#daily_content‘).val();  //判断ueditor编辑器是否创建成功  ue.addListener("ready",function(){    //editor准备好之后才可以使用    ue.setContent(content);  });}); 查看详情