wordpress ueditor 教程(wordpress vue)

随着互联网的不断发展,博客和网站已经成为人们生活中不可或缺的一部分。WordPress作为最受欢迎的博客平台,拥有着丰富的插件和主题资源。而在这些资源中,UEditor插件无疑是一款非常实用的工具。它可以帮助我们轻松打造个性化的编辑器,提升网站的编辑体验。下面,我们就来详细介绍一下WordPress UEeditor的使用方法。

一、什么是WordPress UEeditor?

WordPress UEeditor是一款基于百度UEditor的在线富文本编辑器插件。它可以将传统的文本编辑器升级为富文本编辑器,让编辑者可以更加方便地插入图片、视频、音乐等元素,提高编辑效率。

二、安装WordPress UEeditor插件

1. 登录你的WordPress后台,在左侧菜单栏中找到“插件”选项。

2. 点击“添加新插件”按钮,然后在搜索框中输入“UEditor”,点击“搜索插件”按钮。

3. 在搜索结果中,找到“UEditor”插件,点击“安装现在”按钮。

4. 插件安装完成后,点击“激活”按钮。

三、配置WordPress UEeditor插件

1. 在WordPress后台,找到“设置”选项,然后点击“UEditor”。

2. 在“基本配置”选项卡中,你可以设置编辑器的高度、宽度、工具栏等。

3. 在“高级配置”选项卡中,你可以设置图片、视频、音乐等元素的插入方式,以及编辑器的样式。

4. 点击“保存设置”按钮,完成配置。

四、使用WordPress UEeditor编辑文章

1. 登录WordPress后台,点击“文章”选项,然后点击“添加新文章”。

2. 在编辑框中,你可以看到UEditor编辑器。

3. 点击“插入图片”按钮,选择你想要插入的图片。

4. 点击“插入视频”按钮,选择你想要插入的视频。

5. 点击“插入音乐”按钮,选择你想要插入的音乐。

6. 点击“插入表格”按钮,可以插入各种格式的表格。

7. 完成编辑后,点击“发布”按钮,即可发布你的文章。

五、WordPress UEeditor常用功能介绍

1. 插入图片:点击“插入图片”按钮,选择你想要插入的图片。UEditor支持本地图片和远程图片。

2. 插入视频:点击“插入视频”按钮,选择你想要插入的视频。UEditor支持视频格式包括MP4、AVI、MOV等。

3. 插入音乐:点击“插入音乐”按钮,选择你想要插入的音乐。UEditor支持音乐格式包括MP3、WAV等。

4. 插入表格:点击“插入表格”按钮,可以插入各种格式的表格。你可以通过设置行数和列数来创建表格。

5. 插入代码:点击“插入代码”按钮,可以插入HTML、CSS、JavaScript等代码。

6. 插入特殊符号:点击“插入特殊符号”按钮,可以插入各种特殊符号。

六、WordPress UEeditor插件优缺点分析

优点

1. 支持多种格式,方便编辑者插入各种元素。

2. 操作简单,易于上手。

3. 丰富的插件和主题资源,可以满足不同需求。

缺点

1. 部分功能需要付费解锁。

2. 对于新手来说,可能需要一定的时间去熟悉。

总结

WordPress UEeditor是一款非常实用的插件,可以帮助我们轻松打造个性化的编辑器,提高编辑效率。通过本文的介绍,相信你已经掌握了WordPress UEeditor的使用方法。快来尝试一下,让你的博客或网站焕发出新的活力吧!

如何用百度UEditor编辑器替换WordPress编辑器

为WordPress更换百度Ueditor编辑器

先声明,我现在在使用的wp为3.9版本。Ueditor插件为1.30。

在网上找过很多富文本插件,感觉国产的这个用起来最强大,最舒服。而且还内置baidu地图,google地图。为什么不去用呢?

这个插件的几个重要问题如使用后contact-form-7失效,图片上传后被自动压缩的看不清。我都会告诉大家解决方案。

为什么要更换Ueditor编辑器?

先上一个原来的编辑器图片,超级简单吧。根本无法满足我的需要。

下载和安装方法。

自己在百度上搜索 ueditor wordpress插件吧。这里不提供了,百度审核不通过。

下载后解压,直接放在这个目录下,然后启动。

已有问题的解决

1、Ueditor为了安全考虑,转译了一些特殊标签和符号。也会在段落的地方加<p>标签。

不过这些都不影响使用,实在影响的自己可以写CSS样式控制。再或者只能改源码了。

改源码方式,我这里就不写了,我也没有用上。

我是通过CSS方式去处理的。

但有个最大的问题,就是使用ueditor后,concact-form-7无法使用,会出现404。把这个插件禁用后,就会没有问题。所以我想和在HTML格式下加p标签和特殊符号转译有关。

所以我这里的解决方法很笨。也很简单。就是我们在使用concact-form-7时,基本都是用在单页面上的。所以我们在要用时,就把ueditor停用一下。把短码打后发布后再启用就是了。

2、图片失真,被自动压缩。我在网上看到几个网友有这样的问题,也没有解决,这里发出来给大家参考下。

这个问题是概览事件,上传几次图片后,就会不再被压缩得很小。不过我还是找了下配置文件。改后确实不再有这个问题了。

上图.这个是配置文件位置,打开编辑

把compressSide:1前的//去掉,

设置为1

然后自己更改合适的压缩比例。maxImageSideLength

我这里是 700px

意思就是上传图片最大宽度700px,以宽度为准,如果宽度大于700,就缩放到700px.高度自适应。

而我们原来的设计只有一个maxImageSideLength:900;而compressSide默认值为0.

也就是说,如果图片以最长边为准。

例子:长9000PX,宽900px图片上传。会把高9000等比缩放为900,而宽自然被缩放为90.所以就出现图片失真问题!

注意事项

请下载上面给出的地址下载。

maxImageSideLength和compressSide要设置,用默认基本是要出问题的。

© 版权声明
THE END
喜欢就支持一下吧
点赞10 分享