文本编辑器插件，允许数据与另一个插件交互

texteditor plugin which allows the data to interact the data with another plugin

本文关键字：插件 数据 另一个 交互 许数据 编辑器 文本编辑 文本      更新时间：2023-09-26

我正在使用tinymce编辑器使我的文本区域像编辑器一样漂亮。但它不允许在文本区域内写入的数据传递给另一个插件。如果我只使用文本区域，效果很好。

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script type="text/javascript" src="js/fingerprint.js"></script>
        <script src="js/jquery.plugin.js"></script>
        <script src="js/jquery.laas.js"></script>
        <link rel="shortcut icon" href="img/r.png" />
        <link href="css/laas.css" rel="stylesheet" />
        <script type="text/javascript" src="tinymce.min.js"></script>
    </head>
    <body>
        <script type="text/javascript">
            tinymce.init({
                selector: "textarea",
                theme: "modern",
                plugins: [
                    "advlist autolink lists link image charmap print preview hr anchor pagebreak",
                    "searchreplace wordcount visualblocks visualchars code fullscreen",
                    "insertdatetime media nonbreaking save table contextmenu directionality",
                    "emoticons template paste textcolor colorpicker textpattern imagetools"],
                toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
                toolbar2: "print preview media | forecolor backcolor emoticons",
                image_advtab: true,
                templates: [{
                    title: 'Test template 1',
                    content: 'Test 1'
                }, {
                    title: 'Test template 2',
                    content: 'Test 2'
                }]
            });
        </script>
        <form method="post" action="somepage">
            <textarea name="content" style="width:100%"></textarea>
        </form>
        <script type="text/javascript" src="js/connect.js"></script>
        <section>
            <select id="idLang" name="account" class="hei">
                <option>hindi</option>
                <option>bengali</option>
            </select>
        </section>
        <br/></br>
        <textarea name="textarea" placeholder="Type Here" cols="200" rows="20" id="editorTextarea" class="reveditor"></textarea>
        <br/>
        <br/>
        <script src="js/jquery.textcomplete.js"></script>
    </body>
</html>

如何使用tinymce编辑器插件使数据与另一个插件交互

Tinymce使用一个可编辑内容的iframe并隐藏前一个文本区域。在特殊事件中，编辑器iframe的内容会被写回文本区域（或源html元素）。

您可以使用tinymce.get('your_textarea_id').triggerSave();手动写回文本（在javascript控制台中进行测试）。

相关文章：