tinyMCE - 在文本区域中编辑源代码

Question

我正在玩MCE，我想知道是否有可能让用户在帖子中输入源代码，就像这种形式中的101010按钮一样。

Answer 1

您需要在初始化代码中添加plugins: "code"，如下所示：

tinymce.init({
    plugins: "code"
});

https://www.tinymce.com/docs/plugins/code/

Answer 2

该选项存在。其中一个可选按钮上写有“html”，可用于进入 HTML 编辑模式。您可以在这个全功能示例中看到它 - 右上角左侧 6 个位置。

Answer 3

尝试使用“code”插件和tinymce.min.js

例如

<script src="~/Scripts/tinymce/tinymce.min.js"></script>
<script src="~/Scripts/tinymce/plugins/code/plugin.min.js"></script>
<script>
    tinymce.init({
        selector: 'textarea',
        plugins: "code",
        toolbar: "code" });
</script>

Answer 4

您可以使用

code

插件来编辑源代码。

查看

code

插件的演示这里。

代码和高级代码插件会打开一个对话框来编辑源代码。对于一个更无缝集成的源代码编辑器，特别有利于倾向于频繁源代码编辑的用户。你可以使用我创建的这个插件supercode。它适用于 TinyMCE 的最新版本 v6 和 v7。

您可以在这里查看超级代码编辑器的演示。