Javascript 所见即所得，忽略 PHP 使用 Bootstrap3 的代码

Question

我正在向 CMS 添加一个 *.php 编辑器，这与在 Drupal 的节点编辑器中所做的类似。目前，我有一个带有值 WYSIWYG 和 PHP Code 的选择框。如果选择了 WYSIWYG，那么文本区域内的代码将使用 Tinymce 之类的东西进行解析（我已经阅读了其他答案并发现 markitup.jaysalvat.com 但似乎 WYSIWYG 更少）。无论 javascript 编辑器是什么，我都想要（或将要构建）一个 bootstrap 前端以允许 col、rows、btn 等。

如果选择了 PHP 代码，那么将显示原始 PHP 代码并且可以编辑。前几天我使用 htmlspecialchars_encode 和 htmlspecialchars_decode 和 $_POST 玩了一下，使用 PHP 代码编辑器时一切似乎都很好。

然而，当我使用 Tinymce 时，它将我所有的 PHP 包裹在段落标签等中。有没有人知道可以解析 HTML 代码的插件或替代的 WYSIWYG javascript 脚本最好不要弄乱 PHP 代码，但不一定使用内置的 Bootstap3 组件？

如果已经有一些开源的东西，它可以让我免于从头开始开发整个东西。

提前致谢。

Answer 1

尝试将此添加到您的 TinyMCE 配置中：

protect: [
    /<\?php.*?\?>/g // Protect php code
],

Javascript 所见即所得，忽略 PHP 使用 Bootstrap3 的代码

Javascript WYSIWYG that ignores PHP Code with Bootstrap3

html

javascript

php

post

tinymce