在可视编辑器中设置快捷代码的样式

时间:2010-11-19 作者:NetConstructor.com

是否有人知道如何设置可视化编辑器的样式,以便在使用特定的短代码时,它们会被可视化编辑器中的图像替换?

我发现,许多用户在使用可视化编辑器时弄错了短代码文本或错误地将其删除,因此我希望在可视化编辑器中用paceholder图像替换短代码。HTML编辑器仍然会显示代码。

1 个回复
最合适的回答,由SO网友:hakre 整理而成

我手头没有一个可行的解决方案,但我要做的是分析如何为更多的分离程序做到这一点。在HTML编辑器中,有<!-- more -->, 在可视化编辑器中,将显示图像。

这是通过使用插件扩展tinyMCE编辑器来实现的,tinyMCE编辑器是wordpress中可视化编辑器的基础。要了解tinymce插件的更多信息,请在moxiecode wiki中找到更多示例和文档:Creating a plugin for TinyMCE (3.x).

您可以在以下文件中找到示例代码:

wp-includes/js/tinymce/plugins/wordpress/editor_plugin.dev.js
它基本上是通过替换内容(例如短代码)来工作的[mycode]) 使用一些包含图像的预定义HTML。在发布内容之前,它会再次替换为原始HTML。您可以在此过程中使用正则表达式。more链接很好地显示了这一点。

结束

相关推荐

如何消除wp-admin中奇怪的404错误?

我运行一个WordPress站点,有大约70个活动插件。每隔一段时间,我会在/wp-admin/ 不知从哪里冒出来的页面。只需再次尝试即可解决错误,但如果错误发生在插件升级过程中(因为自动重新激活失败),则会非常不方便。我认为,同样的问题导致我的仪表板上的某些模块有时无法加载。考虑到list of plugins I have installed, 是否有人知道他们之间的问题可能导致此问题?编辑:主机信息:DreamHost;我认为服务器正在使用Apache httpd运行自定义的Debian构建