在TinyMCE中调用JavaScript函数可以通过以下步骤实现:
setup
选项来指定一个回调函数。这个回调函数会在编辑器加载完成后被调用。editor.on
方法来监听ExecCommand
事件。这个事件会在用户执行一个命令时触发,例如点击工具栏按钮。ExecCommand
事件的回调函数中,使用editor.execCommand
方法来调用你之前定义的JavaScript函数。下面是一个示例代码:
<!DOCTYPE html>
<html>
<head>
<script src="tinymce.min.js"></script>
<script>
function myFunction() {
alert("Hello from myFunction!");
}
tinymce.init({
selector: 'textarea',
setup: function (editor) {
editor.on('ExecCommand', function (e) {
if (e.command === 'myCommand') {
myFunction();
}
});
}
});
</script>
</head>
<body>
<textarea></textarea>
<button onclick="tinymce.activeEditor.execCommand('myCommand')">Call myFunction</button>
</body>
</html>
在上面的示例中,我们定义了一个名为myFunction
的函数,并在点击按钮时调用它。在TinyMCE的初始化配置中,我们使用setup
选项来指定一个回调函数,该函数在编辑器加载完成后被调用。在回调函数中,我们监听ExecCommand
事件,并在事件触发时检查命令是否为myCommand
,如果是,则调用myFunction
函数。
请注意,这只是一个简单的示例,你可以根据自己的需求进行更复杂的操作。另外,这里没有提及腾讯云相关产品,因为腾讯云并没有与TinyMCE直接相关的产品。
领取专属 10元无门槛券
手把手带您无忧上云