Question

我正在开发一个有textarea的网页。此页面需要非常基本的文本格式元素，例如Bold，Italic，Underline和SpellChecker。所以我使用CKEditor，我hava添加了前三个，但添加SpellChecker时出现问题。我应该如何处理我的代码以使其正确，我的代码是：

<form>
    <p>
        <textarea cols="80" id="editor1" name="editor1" rows="10"></textarea>

         <script src="//cdn.ckeditor.com/4.5.1/full/ckeditor.js"></script>
        <script>
            CKEDITOR.replace('editor1', {
                toolbar: [
                    ['Bold', 'Italic', 'Underline', '-', 'SpellChecker']
                ]
            });

        </script>
    </p>
    <p>
        <input type="submit" value="Submit">
    </p>
</form>

我的小提琴https://jsfiddle.net/520dzLhp/3/

Answer 1

此处有两种方法可以实现此目标：

- 原生浏览器拼写检查器：

根据CKEditor tutorial ..

By default, browser native spell check functionality is disabled in the editor.

如果你想要activate native spell checker，你必须使用配置参数： config.disableNativeSpellChecker = false;

- 键入时拼写检查（SCAYT）：

哪个插件可以download it here，并将其包含在您的CKEditor插件中

- 在对话窗口中进行拼写检查：

另一个解决方案（如果您不希望浏览器在写入期间发送许多请求）是使用插件WebSpellChecker，它只会在您单击拼写检查按钮时检查您的文本并打开弹出窗口结果，你可以download it here

<强>更新经过长时间的搜索和检查...... 试试这个：

toolbar: [['Bold', 'Italic', 'Underline', '-', 'Scayt']]

或者这个：

toolbarGroups: [
                  { name: 'editing',     groups: ['spellchecker' ] },
                  { name: 'basicstyles', groups: [ 'basicstyles' ] }
                  ]

Prbelom with ckeditor elementes

1 个答案: