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：

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

当我添加以下JavaScript代码时，textarea会改变大小，所以我假设代码正在执行某些操作，但是，我无法使用工具栏和按钮显示编辑器：

<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

Answer 2

原来我有另一个与Raptor编辑器代码冲突的CSS文件。

如果您遇到类似问题，我建议删除或禁用其他CSS和JS依赖项，以查看其他文件是否包含覆盖Raptor代码的代码。

将textarea更改为HTML WYSIWYG Raptor Editor

2 个答案: