如何在ckeditor中添加带有动态选项的占位符

时间:2015-09-21 13:31:02

标签: plugins ckeditor placeholder

我正在使用ckeditor插件,我需要使用占位符替换动态加载选项的内容,我在 config.js 中有config.extraPlugins = 'placeholder'; ckeditor / plugins /占位符/plugin.js 如下:

'use strict';

CKEDITOR.dialog.add( 'placeholder', function( editor ) {
    var lang = editor.lang.placeholder,
        generalLabel = editor.lang.common.generalTab,
        validNameRegex = /^[^\[\]<>]+$/;

    return {
        title: lang.title,
        minWidth: 300,
        minHeight: 80,
        contents: [
            {
                id: 'info',
                label: generalLabel,
                title: generalLabel,
                elements: [
                    // Dialog window UI elements.
                    {
                        id: 'name',
                        type: 'text',
                        style: 'width: 100%;',
                        label: lang.name,
                        'default': '',
                        required: true,
                        validate: CKEDITOR.dialog.validate.regex( validNameRegex, lang.invalidName ),
                        setup: function( widget ) {
                            this.setValue( widget.data.name );
                        },
                        commit: function( widget ) {
                            widget.setData( 'name', this.getValue() );
                        }
                    }
                ]
            }
        ]
    };
} );

1 个答案:

答案 0 :(得分:0)

我发现这篇文章帮助我至少将静态元素添加到类型为&#34; Dropdown&#34;的占位符中,不确定是否[在此处输入链接描述] [1]

https://zolson.wordpress.com/2011/04/19/ckeditor-placeholder-select/