Javascript tinymce-4带有定制按钮，在镀铬和；Firefox但不能在Safari中工作-为什么？

好的。。目前我正在使用

tinymce

制作一个

自定义编辑器。我使用了一些按钮控制方法从
tinymce工具栏
外部执行这些控制。也许我做到了，它在Chrome和Firefox中运行良好

但是当我把头转向狩猎时。。。我发现自己精疲力竭，因为我所做的一切。。这是一个2天的工作，我不能相信它不是在Safari工作

我正在使用最新版本的TinyMce和内联编辑器


[更新]

这是我的密码：

CSS

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


.按钮{浮动：左；边距：10px；边框：1px纯黑色；填充：4px 7px；}

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>


tinymce.PluginManager.add（'example'，函数（e）{
函数customfunction（）{
e、 聚焦（真）；
警报（“你好TinyMce”）；
}
e、 addButton（'testButton'{
id:“测试按钮”，
文本：“示例”，
图标：false，
onclick:function（）{
自定义函数（）；
}
});
}
);
tinymce.init({
选择器：“#文本区域dIV”，
是的，
插件：“示例”，
工具栏：“测试按钮”，
梅努巴：错，
修复了工具栏容器：“#工具栏图标”，
内联样式：正确，
});
函数customfunction（）
{
document.getElementById（“testButton”）。单击（）；
}

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
和我自己的文件上运行此提琴时，会出现一些问题

当我在textarea中选择一些文本并单击任何按钮时，它将与我选择的文本一起显示在整行上。样式是否应仅显示我选择的文本

它应该能够像我点击粗体按钮一样切换样式，但当我再次点击同一粗体按钮时，它应该是正常的。什么都没发生

我还为其他任务添加了一个自定义插件，当点击自定义按钮时，什么也没有发生。在其他浏览器中，它会向我发出警告消息

有一件事我也检查了
tinymce演示页面
，但一旦我在Safari相同的条件下检查了这个演示，单击
粗体、斜体、下划线
后就不会发生切换

但这一切都可以在Chrome和FireFox上运行。那么，Safari有什么问题呢。
TinyMce
不支持这一点吗？或者发生了其他事情？
检查我是否做了一些小改动

safari 7和safari 5上的一切都正常，除了自定义函数找不到文档。getElementById（“testButton”），看起来tinymce不支持旧的safari？真的有可能吗？？5号和7号在工作，6号不在？顺便说一句，感谢您的回复。请使用document.getElementById（“testButton”）在safari web inspector上试用。单击（）；或者其他选择，你真的想花很多时间来支持旧的safari吗？市场份额不到1%不，我真的不想这样，但是那些仍然使用旧版本safari的用户呢？？如果这项工作成功的话，市场份额肯定会上升1.谢谢你的回答1.现在可以了，但我的问题还有两点，请检查第1点和第2点。。希望你也能帮我解决这些问题。我现在正在检查Ubuntu 12.04和Safari 5.0，你已经在插件列表中添加了Safari插件。。这对你有用吗？我在Firefox上打开了它，上面写着“找不到safari插件”

。删除该safari插件，只保留插件：“示例”，它在safari 5.1.7和Windows上的所有其他浏览器中对我都有效感谢您为这个问题花费了宝贵的时间，您做得很好。非常感谢你。

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