小编Sha*_*ras的帖子

tinymce - 是否可以从工具栏外部调用自定义插件功能?

好的。我知道以前可能有人问过这个问题:

这里

但我的问题是,如何从外部按钮而不是工具栏按钮调用插件函数。

我添加了一个自定义插件:

tinymce.PluginManager.add('example', function(e) {
        function customfunction(){
                    e.focus(true);
                    alert('Hello TinyMce');
            }
        }
);
Run Code Online (Sandbox Code Playgroud)

在 Fiddle 上检查这个

customfunction从其他函数调用此函数,当我单击 时调用该函数Custom Button。像这样:

function clickme()
{
   tinymce.get('textareaid').plugins.example.customfunction();

}
Run Code Online (Sandbox Code Playgroud)

按钮:

<button onclick="clickme()" >Custom Button</button>
Run Code Online (Sandbox Code Playgroud)

但这对我不起作用?

custom plugin function用这种方式打电话是在做正确的事吗?

我错过了什么吗?

javascript tinymce-4

5
推荐指数
1
解决办法
5268
查看次数

带自定义按钮的tinymce-4在Chrome和Firefox中可以正常工作,但在Safari中不能工作-为什么?

好的..目前我正在努力custom editor使用tinymce。我很少使用按钮控制方法来从外部执行这些控制tinymce toolbar。可能我做到了,并且在Chrome和Firefox中工作正常。

但是当我转向Safari……时,我发现自己精疲力尽,因为我做的是..工作了两天,我无法相信它在Safari中无法正常工作。

我正在使用带内联编辑器的最新版TinyMce。

请检查此字段

[更新]

这是我的代码:

的CSS

<style>
    .buttons { float:left;margin:10px;border:1px solid black;padding:4px 7px; }
</style>
Run Code Online (Sandbox Code Playgroud)

的JavaScript

<script type="text/javascript">

tinymce.PluginManager.add('example', function(e) {
        function customfunction() {
                    e.focus(true);
                    alert('Hello TinyMce');
            }


    e.addButton('testButton', {
        id: "testButton",
        text: 'Example',
        icon: false,
        onclick: function() {
                customfunction();
            }
        });
}
);
tinymce.init({
        selector: "#textareasDiv",
        inline: true,
        plugins: "example",
        toolbar: "testButton",
        menubar: false,
        fixed_toolbar_container: "#toolbarCon",     
        inline_styles : true,

    });

function customfunction()
{

    document.getElementById("testButton").click();
}

</script>
Run Code Online (Sandbox Code Playgroud)

的HTML

<div …
Run Code Online (Sandbox Code Playgroud)

html javascript safari jquery tinymce-4

5
推荐指数
1
解决办法
1159
查看次数

如何删除粘贴上的p标签以外的其他html标签?

我的内联文本编辑器遇到了一些麻烦。很简单,用户有权在textarea div上复制粘贴。没问题。但我不想让他们将HTML贴上图片和div元素。

我用过

valid_elements: "p,br,b,i,strong,em",
Run Code Online (Sandbox Code Playgroud)

它删除p tags内容的样式。

为此,但这不是根据我的要求的解决方案。

我也尝试过,paste_postprocess但是最新版本的tinymce却没做任何事情。

而且我还尝试了许多已经发布在此社区中的解决方案。但是它们都不适合我,因为我使用的是最新版本tinymce 4.0.26

我知道我可以通过禁用右键单击来防止复制粘贴。但这不是一个好主意。

有没有什么办法来过滤仅p tagstyle从HTML内容?

因此,如果有人on copy paste使用的最新版本tinymce

请帮忙。

html javascript jquery copy-paste tinymce-4

5
推荐指数
1
解决办法
1593
查看次数

转换 - 当我将html内容转换为pdf时,旋转和缩放不起作用

我正在使用html2pdf将html内容与图像转换为pdf,我还添加了旋转和翻转图像的选项...现在正在成功创建pdf ...但是如果我使用css旋转或翻转任何图像 transform:rotate(90deg);

transform:scaleX(-1);
Run Code Online (Sandbox Code Playgroud)

然后在pdf文件中,图像看起来没有旋转或翻转......任何想法摆脱这个问题...请分享......或任何解决方案.

提前致谢.

css transform rotation scale html2pdf

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