当前位置:  开发笔记 > 编程语言 > 正文

AEM 6.1:在Touch UI上启用富文本编辑器(RTE)插件

如何解决《AEM6.1:在TouchUI上启用富文本编辑器(RTE)插件》经验,为你挑选了1个好方法。

对于经典UI,我们可以轻松地在rteplugins标签内添加插件,Adobe在他们的Geometrix-Outdoor项目上构建了一个很好的例子:

        
            
                
                
                
                
                
                
                
                
                
                
                
                
            
        


但是我们不能在Touch UI环境中应用相同的东西,他们也在Geometrix-Outdoor上做了一个例子,但是插件没有完全显示功能:

                            

反正有没有让TouchUi显示器上的插件显示为经典UI?



1> Mark Horman..:

这是一个示例dialog.xml(在AEM6.1中您需要RTE的对话框和_cq_dialog)




    
        
            
                
                    
                    
                        
                            

这是_cq_dialog的一个例子



    
    
    
        
            
                
            
        
    

示例text.html

Please edit this component.
This text will only appear in Authoring Mode

${text.text @ context=text.context}

和test.js

"use strict";
/**
 * Text foundation component JS backing script
 */
use(["/apps/global/components/utils/AuthoringUtils.js"], function (AuthoringUtils) {

var CONST = {
    PROP_TEXT: "text",
    PROP_RICH_FORMAT: "textIsRich",
    CONTEXT_TEXT: "text",
    CONTEXT_HTML: "html"
};

var text = {};

// The actual text content
text.text = granite.resource.properties[CONST.PROP_TEXT]
        || "";

// Wether the text contains HTML or not
text.context = granite.resource.properties[CONST.PROP_RICH_FORMAT]
        ? CONST.CONTEXT_HTML : CONST.CONTEXT_TEXT

// Set up placeholder if empty
if (!text.text) {
    text.cssClass = AuthoringUtils.isTouch
            ? "cq-placeholder"
            : "cq-text-placeholder-ipe";
    text.context = CONST.CONTEXT_TEXT;

    // only dysplay placeholder in edit mode
    if (typeof wcmmode != "undefined" && wcmmode.isEdit()) {
        text.text = AuthoringUtils.isTouch
        ? ""
        : "Edit text";
    } else {
        text.text = "";
    }
}

// Adding the constants to the exposed API
text.CONST = CONST;

return text;

});

最后你的editConfig





推荐阅读
个性2402852463
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有