标签: tinymce-4

TinyMCE 固定_工具栏_容器配置

我尝试在tinymce.init中使用fixed_toolbar_container配置,但它给我留下了纯html文本区域而不是富文本编辑器。这是我的代码:

<html>
<head>
    <script src="tinymce\js\tinymce\tinymce.min.js"></script>
    <script type="text/javascript">
        tinymce.init({
            selector: "textarea",
            inline: true,
            fixed_toolbar_container: "#mytoolbar",

            plugins: [
                "advlist autolink lists link image charmap print preview anchor",
                "searchreplace visualblocks code fullscreen",
                "insertdatetime media table contextmenu paste"
            ],
            toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
        });
    </script>
</head>
<form method="post" action="somepage">
    <div id="mytoolbar" style="width:800; height:80; border : 1px blue solid"></div></BR>
    <textarea id="content"></textarea>
</form>
</html>
Run Code Online (Sandbox Code Playgroud)

我正在使用最新版本的 TinyMCE 4.0.1。

有人可以告诉我如何将 …

javascript tinymce tinymce-4

3
推荐指数
1
解决办法
5780
查看次数

如何在 TinyMCE 4.0 中启用 &lt;meta&gt; 标签?

在以前版本的 TinyMCE 中,我可以valid_elements : "+*[*]"使用<meta>标签来启用,但在新版本中,它不再起作用了!当我转到源代码时,meta虽然它们嵌入在 html 代码中,但我看不到标签。因此,通过源代码编辑器编辑元标记是不可能的!

tinymce tinymce-4

3
推荐指数
1
解决办法
2687
查看次数

如何使用带有完整 rtl 方向的 tinymce

我想在完整的 rtl 中使用新的 (4.x) tinymce。

看看这里http://fiddle.tinymce.com/xwdaab/1

我设置

directionality: "rtl",
Run Code Online (Sandbox Code Playgroud)

但它只影响输入区域,我希望所有工具栏都对齐到右侧(rtl)

我怎样才能做到这一点?

在旧版本中,主题是“高级”,我使用了

theme_advanced_toolbar_align : "right",
Run Code Online (Sandbox Code Playgroud)

谢谢

tinymce right-to-left tinymce-4

3
推荐指数
1
解决办法
6541
查看次数

tinymce 4个自定义类供用户使用

如何将自定义类添加到tinymce 4?我想要一个选择,用户可以在其中选择要在其文本上使用的类。我不想使用像前景色这样的标准插件,因为我想提供我的用户可以使用的某些类。

简短的例子:

tinymce编辑器“选择类”(工具栏中的按钮)

  • 红色的
  • 蓝色的
  • 绿色的

my_custom_css.css

.red { color: red; }
.blue { color: blue; }
.green { color: green; }
Run Code Online (Sandbox Code Playgroud)

tinymce tinymce-4

3
推荐指数
1
解决办法
6887
查看次数

PreventDefault 不适用于tinyMCE keydown 事件

当绑定tinyMCE编辑器实例上的“keydown”事件时,对该事件调用preventDefault()不会阻止编辑器中的默认行为。例如,当使用以下代码捕获按下 ENTER 键时:

tinymce.init({
    selector: 'textarea',
    setup: function (editor) {
        $(editor).on('keydown', function (event) {
            if (event.which == 13) {
                alert('enter pressed');
                event.preventDefault();
            }
        });
    }
});
Run Code Online (Sandbox Code Playgroud)

TinyMCE 仍然插入换行符。我怎样才能覆盖这种行为?

javascript jquery tinymce tinymce-4

3
推荐指数
1
解决办法
2891
查看次数

ajax刷新后TinyMCE init失败

我正在使用 TinyMCE 4.1.10 在页面上的多个 div 上启用内联编辑。在初始页面加载时一切正常,但是如果我拆除编辑器并在 ajax 调用中重新绑定文本区域,TinyMCE 将不会重新连接到它们。绑定是通过 Knockout 完成的。

这是最初加载数据的函数,也会在发生刷新时调用。

    this.loadLetterFields = function () {
        var editors = $("div.editable");
        for (var i = editors.length - 1; i > -1; i--) {
            var ed_id = editors[i].id;
            tinymce.execCommand("mceRemoveEditor", false, ed_id);
        }

        $.getJSON(_this.fieldURL + "/" + _this.letterId() + "/" + _this.clientId() + "/" + _this.caseId(), function (data) {
            for (var i = 0; i < data.length; i++) {
                // Reload fields
            }
        });

        tinymce.init({
            selector: "div.editable",
            inline: true,
            menubar: false,
            statusbar: …
Run Code Online (Sandbox Code Playgroud)

javascript tinymce tinymce-4

3
推荐指数
1
解决办法
2460
查看次数

小小 | 链接插件 | 如何禁用 URL 菜单?

目前,当我使用 TinyMce4.5.1 和 Link 插件时。即使我将属性 link_list 设置为 false,我也找不到隐藏默认 URL 选项(#​​top、#bottom)的方法。除了破解原始源代码之外,还有其他正确的方法可以做到这一点吗?

tinymce tinymce-4

3
推荐指数
1
解决办法
884
查看次数

TinyMce 4中的下拉菜单/ ComboBox/listbox?

在谷歌做一些研究的相当长的时间后,发现一些信息Drop down menu,但文件并没有明确的信息,让我明白了,或其他文档大多是上TinyMce3.我已自定义TinyMce 4添加button, menu and sub-menus,并使用Window Managertext boxradio button(这是一个checkbox,可怜的努力,我知道),但我需要一个drop down list/listboxWindow Manager

编辑: tinymce4 不支持单选按钮

listbox tinymce drop-down-menu tinymce-4

2
推荐指数
1
解决办法
5253
查看次数

在TinyMCE 4中,不推荐使用editor.onBeforeSetContent.add(),而是使用什么?

自从我从TinyMCE 3升级到TinyMCE 4后,我在控制台中出现以下错误:

Deprecated TinyMCE API call: <target>.onBeforeSetContent.add(..) 
Run Code Online (Sandbox Code Playgroud)

我应该用什么呢?

javascript tinymce javascript-events tinymce-4 tinymce-3

2
推荐指数
1
解决办法
1886
查看次数

无法再捕获ForeColor命令了,请注意4.1.4

如果您运行,Tinymce用于触发文本颜色更改事件:

tinymce.activeEditor.on('execCommand', function() {console.log(arguments);} )
Run Code Online (Sandbox Code Playgroud)

你会看到execCommand ForeColor,只要文本颜色改变就会运行.如果您查看TinyMCE-Textcolor插件,它似乎没有任何execCommands或任何方法来检测文本颜色何时更改.

javascript wordpress tinymce tinymce-4

2
推荐指数
1
解决办法
760
查看次数