wordpress如何调整编辑器显示大小?具体方法是什么?

一、如何调整wordpress编辑器的编辑区域显示大小?

用审查元素firebug看 3.8.1是下面的width的,你可以改成你的宽度

body {font: 13px 'Microsoft YaHei', 微软雅, Arial, Lucida Grande, Tahoma, sans-serif;color: #000;text-shadow: 0px 1px 0px #d1d1d1;width: 700px;}

二、如何修改wordpress编辑器文本选择默认颜色?

工具:wordpress编辑器

步骤:

在主题根创建一个 editor-style.css 表,然后在 functions.php 文件里添加add_action( 'after_setup_theme', 'Bing_add_editor_style' );

editor-style.css 样式表就会在可视化编辑引入了,在 editor-style.css 文件里书写 CSS 就能直接体现在可视化编辑器上。

自定义 CSS 文件,还可以自定义 CSS 文件的路径。

这样就会调用主题目录的 “css/custom-editor-style.css” 文件。引入外部 CSS 文件add_editor_style() 函数还支持引入外部的 CSS 文件:

三、如何用UEditor编辑器替换WordPress编辑器

为WordPress更换Ueditor编辑器

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

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

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

为什么要更换Ueditor编辑器?

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

下载和安装方法。

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

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

已有问题的解决

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

不过这些都不影响使用,实在影响的自己可以写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要设置,用默认基本是要出问题的。

发表评论

电子邮件地址不会被公开。 必填项已用*标注