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

Question

好的..目前我正在努力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>

的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>

的HTML

<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. 当我在文本区域中选择一些文本并单击“任何按钮”时，它与我选择的文本一起在整行中显示样式。样式应该只出现在我选择的文本中？

2. 它应该能够像我单击加粗按钮那样显示样式，但是当我再次单击相同的加粗按钮时，它应该是正常的。没事吗

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();