使用自定义按钮的tinymce-4在Chrome和Firefox中工作正常，但在Safari中不工作--为什么？

Question

好的..。目前，我正在使用custom editor制作一个tinymce。我很少使用按钮控制方法来执行来自tinymce toolbar的这些控件。而且可能是我做的，而且在Chrome和Firefox中运行得很好。

但当我把头转向Safari时..。我发现自己精疲力竭，因为我所做的。是2天的工作，我不敢相信它不适用于Safari。

我使用的是最新版本的TinyMce和内联编辑器。

请检查一下这把小提琴

更新

这是我的代码：

CSS

<style>
    .buttons { float:left;margin:10px;border:1px solid black;padding:4px 7px; }
</style>

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>

<div id="textareasDiv" style="width:200px;height:100px;border:1px solid black">Please select the text and click any of these buttons.</div>
<div id="toolbarCon" style="display:none;"></div>

<a href="#" onclick="tinyMCE.execCommand('Bold');return false;"><div class="bold buttons">B</div></a>
<a href="#" onclick="tinyMCE.execCommand('Italic');return false;"><div class="italic buttons"><em>I</em></div></a>
<a href="#" onclick="tinyMCE.execCommand('Underline');return false;"><div class="underline buttons">U</div></a>
<a href="#" onclick="tinyMCE.execCommand('FontName',false,'Andale Mono');return false;"><div class="jLeft buttons" >Andale Mono</div></a>
<a href="#" onclick="tinyMCE.execCommand('FontName',false,'Courier New');return false;"><div class="jCenter buttons" >Courier New</div></a>
<a href="#" onclick="tinyMCE.execCommand('FontName',false,'Tahoma');return false;"><div class="jRight buttons" >Tahoma</div></a>
<a href="#" onclick="tinyMCE.execCommand('FontName',false,'Impact');return false;"><div class="jRight buttons" >Impact</div></a>
<a href="#" onclick="customfunction();return false;"><div class="jRight buttons" >Custom Button</div></a>

当我在Safari和我自己的文件上运行这个小提琴时，会出现一些问题。

1. 当我在textarea中选择一些文本并单击任何按钮时，它将与所选文本一起显示在整行的样式上。样式应该只出现我选定的文本吗？
2. 它应该能够切换样式，就像我点击Bold按钮一样，它看起来是样式，但是当我再次单击相同的Bold按钮时，它应该是正常的。什么都没发生？
3. 我还为其他任务添加了一个自定义插件，当单击自定义插件时，什么也不会发生。在另一种浏览器中，它会给我警告信息。

有一件事我也检查了tinymce demo page 这里，但是一旦我在Safari的相同条件下检查了这个演示，点击Bold,Italic,Underline之后就不会发生切换。

但它都是在Chrome and FireFox上工作的。那么Safari有什么问题呢？这不是TinyMce所支持的吗？或者其他的事情发生了？

Answer 1

检查一下我对这个http://fiddle.tinymce.com/ngdaab/535做了一些小的更改

 $("#testButton2").children("button").click();