tnblog
首页
视频
资源
登录

百度编辑器UEditor常用方法。百度编辑器设置html内容。UEditor获取html内容

6656人阅读 2021/12/2 10:03 总访问:690519 评论:0 收藏:0 手机
分类: 前端

通getContent和setContent方法可以设置和读取编辑器的内容

  1. var ue = UE.getEditor();//对编辑器的操作最好在编辑器ready之后再做ue.ready(function(){
  2.     //设置编辑器的内容
  3.     ue.setContent('hello');
  4.     ue.execCommand('insertHtml',"<p>xx<p>");
  5.     //获取html内容,返回: <p>hello</p>
  6.     var html = ue.getContent();
  7.     //获取纯文本内容,返回: hello
  8.     var txt = ue.getContentTxt();});

其他常用方法:

  1. 1、创建编辑器
  2. UE.getEditor('editor', {
  3. initialFrameWidth:"100%" //初始化选项
  4. })
  5. 精简版
  6. UE.getEditor('editor')
  7. 2、删除编辑器
  8. UE.getEditor('editor').destroy();
  9. 3、设置焦点
  10. UE.getEditor('editor').focus();
  11. 4、获取编辑器内容
  12. UE.getEditor('editor').getContent()
  13. 5、编辑器是否有内容
  14. UE.getEditor('editor').hasContents()
  15. 6、获取编辑器内容纯文本格式
  16. UE.getEditor('editor').getContentTxt()
  17. 7、获取带格式的纯文本
  18. UE.getEditor('editor').getPlainTxt()
  19. 8、启用编辑器
  20. UE.getEditor('editor').setEnabled();
  21. 9、禁止编辑
  22. UE.getEditor('editor').setDisabled('fullscreen');
  23. 10、获取整个html内容
  24. UE.getEditor('editor').getAllHtml()
  25. 11、常用设置
  26. imageUrl:UEDITOR_HOME_URL + "../yunserver/yunImageUp.php"//图片上传接口
  27. imagePath:"http://",
  28. scrawlUrl:UEDITOR_HOME_URL + "../yunserver/yunScrawlUp.php",//涂鸦接口
  29. scrawlPath:"http://",
  30. fileUrl:UEDITOR_HOME_URL + "../yunserver/yunFileUp.php",//文件上传接口
  31. filePath:"http://",
  32. catcherUrl:UEDITOR_HOME_URL + "php/getRemoteImage.php",//获取远程图片接口
  33. catcherPath:UEDITOR_HOME_URL + "php/",
  34. imageManagerUrl:UEDITOR_HOME_URL + "../yunserver/yunImgManage.php",//图片管理接口
  35. imageManagerPath:"http://",
  36. snapscreenHost:'ueditor.baidu.com',
  37. snapscreenServerUrl:UEDITOR_HOME_URL + "../yunserver/yunSnapImgUp.php",//截图接口
  38. snapscreenPath:"http://",
  39. wordImageUrl:UEDITOR_HOME_URL + "../yunserver/yunImageUp.php",//word图片转存接口
  40. wordImagePath:"http://"//
  41. getMovieUrl:UEDITOR_HOME_URL + "../yunserver/getMovie.php",//获取视频接口
  42. lang:/^zh/.test(navigator.language || navigator.browserLanguage || navigator.userLanguage) ? 'zh-cn' : 'en',
  43. langPath:UEDITOR_HOME_URL + "lang/",
  44. webAppKey:"9HrmGf2ul4mlyK8ktO2Ziayd",
  45. initialFrameWidth:860//初始化宽度
  46. initialFrameHeight:420//初始化高度
  47. focus:true //是否焦点


欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

百度编辑器本地缓存

百度编辑器默认有本地缓存。存储在localstorage中。可以防止用户在写文章的时候意外关闭后不至于之前写的内容会丢失读取本...

百度编辑器添加事件

添加点击与失去焦点事件://添加点击事件 ue.addListener(&quot;click&quot;,function(){ alert(&quot;点击&quot;); }) ...

百度编辑器图片上传

先在百度编辑器配置好上传图片的后台地址serverUrl:&#39;图片上传的后台地址&#39;varue=UE.getEditor(&quot;container&quot...

百度编辑器实现自己的全屏逻辑

首先监听百度编辑器的全屏事件ue.addListener(&#39;beforefullscreenchange&#39;,function(event,isFullScreen){ if(isFul...

百度编辑器在layer弹窗中加载问题

因为加载到layer后百度编辑器要从新渲染一遍,所以如果使用setContent(Content)设置的内容在加载到layer弹窗中是显示不出来...

.NET MVC 使用百度编辑器详细教程:(1)配置编辑器

一、什么是百度编辑器百度编辑器UEditor是由百度web前端研发部开发一款应用于网站的编辑器,具有轻量,可定制,注重用户体...

百度编辑器自定义模板

前言:有些时候我们想要一些固定格式的模板,然后在这个模板的基础上去进行编写可以提升我们的效率,就像微信发布图文消息...

去掉百度编辑器div被替换成p标签

百度编辑器默认会把div替换成p标签,这样我们在编写一些自定义模板的时候就会改变我们的结构,造成一些问题。解决方法:在u...

百度编辑器模板消息

&lt;!DOCTYPEHTML&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;metahttp-equiv=&quot;Content-Typ...

.net core百度编辑器上传图片配置

.net core百度编辑器上传图片配置和.net framework还是有一点点区别publicActionResultUploadImage(List&lt;IFormFile&gt;f...

百度编辑器toolbars

toolbars: [ [ &#39;anchor&#39;, //锚点 &#39;undo&#39;, //撤销 &#39;redo&#39;, //重做 &#39;bold&#39;, //加粗 &#39;in...

百度编辑器敲回车会出现一个p标签

默认是这样的,这个有时候也会影响我们自定义的效果,这个时候我们可以在ueditor.all.js中去修改一下这个逻辑,把回车就添...

百度编辑器修改编写区的样式

百度编辑器加载的时候是用一个iframe加载的我们可以自己添加样式:在themes—&gt;iframe.css里边去添加自己的样式即可当然...

百度编辑器UEditor图片缩放问题

在使用百度euditor的编辑器时,我们经常需要对上传的图片进行拉伸修改大小。当euditor的编辑框不随内容的增加而调节高度时...

修改百度编辑器样式,图片样式,字体样式等

给百度编辑器加默认样式百度编辑器加载的时候是用一个iframe加载的,我们可以自己添加样式:在themes—&gt;iframe.css里边...

修改百度编辑器默认图片样式

百度编辑器加载的时候是用一个iframe加载的我们可以自己添加样式:在themes—&gt;iframe.css里边去添加自己的样式即可当然...
如果有缘,错过了还会重来,如果无缘,相遇了也会离开
排名
9
文章
115
粉丝
5
评论
5
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术