javascript - 将文本区域更改为 HTML WYSIWYG Raptor 编辑器

Question

我正在尝试嵌入 HTML WYSIWYG Raptor Editor在网站上。在 Raptor 网站上，directions说只需添加以下代码:

<script type="text/javascript" src="/javascripts/raptor.min.js"></script>

<div class="raptor-editable">
    <p>
        Raptor may be integrated into a site many ways. 
        This article aims to cover the simplest integration possible.
    </p>
</div>
<script>
    jQuery(function($) {
        $('.raptor-editable').raptor();
    });
</script>

此代码应该允许用户使用编辑器编辑页面上的任何元素。

我创建了一个文本区域:

<textarea id="editor"></textarea>

当我添加以下 JavaScript 代码时，文本区域会更改大小，因此我假设代码正在执行某些操作，但是，我无法显示带有工具栏和按钮的编辑器:

<script>
    jQuery(function($) {
        $('#editor').raptor();
    });
</script>

如何让编辑器出现？我做错了什么吗？

Answer 1

<script>
jQuery(function($) {
    $('#editor').raptor();
});
</script>

所有的“.raptor();”所做的是使用 raptor api 初始化元素。

您还可以将对象传递给 .raptor({plugins:[]}) 以添加 raptor 插件 ( https://www.raptor-editor.com/documentation/tutorials/plugins )。

您可能还需要添加一些预设

https://www.raptor-editor.com/demo/presets