Question

我正在使用tinymce编辑器使我的textarea像编辑器一样漂亮。但是它不允许将textarea内部写入的数据传递给另一个插件。如果我只使用textarea就可以正常工作。

<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编辑器插件

Answer 1

Tinymce使用了一个令人满意的iframe并隐藏了前textarea。在特殊事件中，编辑器iframe的内容会被写回textarea（或源html元素）。

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

texteditor插件，允许数据与另一个插件交互数据

1 个答案: