Wordpress编辑器显示白色文字

Question

我有一个Wordpress网站的问题，编辑器将文本显示为白色（在白色背景上），所以除非你突出显示文字，否则你无法看到它。这只是在网站的管理部分，前端似乎没有受到影响

我找到了css将文本更改为白色的位置（/wp-includes/css/editor.min.css）：

.js .tmce-active .wp-editor-area{color:#fff} 

我删除了这个并清除了缓存（甚至尝试了不同的浏览器），但它仍然在编辑器中显示。

此外，＆＃39; Visual＆＃39;和＆＃39;文字＆＃39;按钮不起作用。

有什么想法吗？

我已经通过一个禁用的每个插件，一次一个，但它仍然是一个问题。

Answer 1

检查您的JavaScript控制台。如果您看到如下错误：

＆＃34; post.php？post = 2840＆amp; action = edit：2783 Uncaught ReferenceError：tinymce未定义＆＃34;

然后加载wp-tinymce.php失败。因为编辑器没有加载，所以看起来好像你的文字是白色的，或者是＆＃34;看不见的＆＃34;在编辑器中。这可以通过添加：

来解决

define('CONCATENATE_SCRIPTS', false);

（上面的Tijmen，或https://wordpress.stackexchange.com/a/63172/118510）

（我使用WP Fastest Cache插件，它拥有它自己的连接，所以如果我使用该插件，那么我可以跳过默认的Wordpress连接。）

然而，根本问题是请求：

/wp-includes/js/tinymce/wp-tinymce.php?c=1&ver=4506-20170408

失败或收到404.这可能是由于您的托管或CDN的安全限制。

Answer 2

让我们从显而易见的开始：您的Wordpress安装是否完全是最新的，包括所有插件，主题等？

它可以帮助主动声明颜色为黑色，而不是简单地删除你删除的CSS行，所以：

SELECT * from table where NO_TELEPHONE like '0000%';

或者，此问题has been known由多个插件引起，例如PS禁用自动格式化，但该实例是几年前的。你最近安装了一个插件吗？如果是这样，请尝试禁用该插件以查看是否将编辑器恢复正常。

如果没有解决问题，您也可以尝试下载Wordpress并替换/ wp-includes / js / tinymce /文件夹。尽管不太可能，但在更新期间出现问题并非不可能。

如果没有其他工作，根据this link，你可以打开你的wp-config.php文件，并在php开始标记后面的最顶部添加以下行。

.js .tmce-active .wp-editor-area{color:#000000} 

Answer 3

我刚刚解决了这个问题，并认为值得一提这个基本检查。如果您要安装另一个主题或第二个主题来安装它自己的一组插件，请确保您没有安装或仍然激活任何现有的插件编辑器。这可能会导致冲突，使文本变白，标签不起作用。

对我来说，我安装并激活了CMSMasters内​​容编写器（来自上一个主题）和WPBakery Visual Composer（来自新主题），这给了我这个确切的问题。我也试过替换tinymce文件并将额外的行添加到wp-config，但这些都没有奏效。停用CMSMaster Content Composer为我修复了白色文本问题。

Answer 4

进入您的帐户设置并选中“撰写时禁用可视化编辑器”...现在尝试您的页面和/或重新发布。您应该有文本，而不是白色，现在您应该能够编辑您的页面。当然，你没有可视化编辑器，这没有任何乐趣。 我认为这最终是一个服务器问题，其中没有足够的资源用于javascript和css的所有块渲染。在Chrome中，检查开发者工具中页面的“效果”......可能不到30个。

Answer 5

对我来说，问题是由wordpress编辑器与插件自定义管理页面中的 vue.js 交互的方式引起的。

具体地说，编辑器上的白色问题是由v-if内部引起的。 v-if如何呈现内容，如果TinyMCE在v-if内部，则会破坏TinyMCE，因此必须存在一些冲突。

此修复非常简单，只需切换到v-show。这导致TinyMCE在页面加载时呈现一次，然后根据需要隐藏。使用v-show可使编辑器文本和工具栏正常呈现。