如何在Aloha Editor中添加插件

时间:2013-08-07 07:10:32

标签: plugins colors font-size font-family aloha-editor

我在网站上使用Aloha Editor。我是Aloha Edior的新手。我想添加字体大小,字体系列& Text Color插件到我的编辑器。我从这个链接获得了插件:http://blog.strouseconsulting.com/2012/06/aloha-plugins/

我不确定如何使用这些插件。如果有人熟悉Aloha Editor,请帮助我使用这些插件。

提前进行。

注意:我将插件文件放在编辑器的“插件”文件夹中。像这样:

aloha-> plugins-> fontsize(文件夹名称)

aloha-> plugins-> fontfamily(文件夹名称)

aloha-> plugins-> colorselector(文件夹名称)

并且还用这种方式编写了脚本代码:

<script type="text/javascript" src="js/aloha/lib/aloha.js" 
data-aloha-plugins="common/ui,common/format,common/highlighteditables,common/link,common/align,common/list,colorselector,fontsize,fontfamily"></script>

我以这种方式在控制台日志中收到错误:

未捕获错误:脚本错误 - http://requirejs.org/docs/errors.html#scripterror - require.js:1818

1 个答案:

答案 0 :(得分:1)

如果您已将插件添加到公共文件夹中,那么您的aloha插件列表应为:

<script type="text/javascript" src="js/aloha/lib/aloha.js" 
data-aloha-plugins="common/ui,common/format,common/highlighteditables,common/link,common/align,common/list,common/colorselector,common/fontsize,common/fontfamily">
</script>

然后您需要在aloha-config.js

中执行一些按钮

例如,这是一个示例:

(function(window, undefined) {
    var Aloha = window.Aloha || (window.Aloha = {});

    Aloha.settings = {
        toolbar: {
            tabs: [
                {
                    label: 'custom',
                    showOn: {
                        scope: 'Aloha.continuoustext'
                    },
                    components: [['increase', 'decrease','fontfamily']]
                },

检查Aloha是否有配置文件的工作示例,然后您应该能够弄清楚如何获得上述示例:http://www.aloha-editor.org/howto-store-data-with-aloha-editor-ajax.php

创建aloha-config.js文件后,请务必将其包含在您的网页上。