Ckeditor插件对话框选择从选定的一个获取描述
ckeditor plugin dialog select get the description from the selected one
我正在开发一个占位符插件CKEDITOR,它基本完成。我遇到的问题是,我试图从对话框内的选择中获取值和描述,我只获得值。包含描述和值的数组如下所示
,> items: [['description1', 'value1'], ['description2', 'value2']]
& lt;——
在返回->内容->元素与ID
dropdown
我有setup
和commit
的功能。在这些函数中,我需要获取描述,就像从选择选项中获取名称一样。
这个真的需要帮助,提前谢谢
例子——>
<select>
<option value="value1">description1</option>
<option value="value2">description2</option>
</select>
例子& lt;——
(function () {
function placeholderDialog(editor, isEdit) {
var lang = editor.lang.phlink,
generalLabel = editor.lang.common.generalTab;
return {
title: lang.title,
minWidth: 300,
minHeight: 80,
contents: [
{
id: 'info',
label: generalLabel,
title: generalLabel,
elements: [
{
id: 'dropdown'
, type: 'select'
, label: lang.chooseVal
, 'default': 'Detta är default'
, items: [['description1', 'value1'], ['description2', 'value2']]
, setup: function (data) {
// need the description
this.setValue(data.title);
}
, commit: function (data) {
// need the description
data.title = this.getValue();
}
},
{
id: 'text',
type: 'text',
style: 'width: 100%;',
label: lang.text,
'default': '',
required: true,
validate: CKEDITOR.dialog.validate.notEmpty(lang.textMissing),
setup: function (data) {
this.setValue(data.text);
},
commit: function (data) {
data.text = this.getValue();
}
}
]
}
],
onShow: function () {
var data = { tag: 'link', content: "detta är innehåll", title: "Länk till svar", text: "detta är text" };
if (isEdit) {
this._element = CKEDITOR.plugins.phlink.getSelectedPlaceHolder(editor);
data.title = this._element.getAttribute('title');
data.text = this._element.getText();
data.tag = this._element.getAttribute('data-jztag');
}
this.setupContent(data);
},
onOk: function () {
var data = { tag: 'link', content: null, title: null, text: null };
this.commitContent(data);
CKEDITOR.plugins.phlink.createPlaceholder(editor, this._element, data);
delete this._element;
}
};
}
CKEDITOR.dialog.add('createplaceholder', function (editor) {
return placeholderDialog(editor);
});
CKEDITOR.dialog.add('editplaceholder', function (editor) {
return placeholderDialog(editor, 1);
});
})();
使用以下命令获取选项的文本:
var input = this.getInputElement().$;
console.log( input.options[ input.selectedIndex ].text );
>> "description1"
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- jQuery:循环一个具有不同超时值的循环
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 如果有's是一个名为“”的全局函数;描述“;或“;它“;当使用诸如jasmine或mocha之类的测试框架时
- 鼠标滚轮按压-描述了一个事件的名称,以及如何使用jQuery侦听它
- 为什么广播在文档中被描述为标志,而它实际上是一个对象
- 制作一个简单的JavaScript滑块,我将如何为我的图像添加描述
- 如何跳到下一个下一个描述摩卡中的错误
- 你如何用ES5(2)来描述一个元素
- 在JavaScript中,是否有一个词来描述可json序列化的对象
- 如何检测一个html元素是否可以被选择器描述
- 设计问题:如何设计一个网页,应该显示11个元素,每个元素都有一个描述
- 如何改变默认的facebook页面的描述/标题/图片时,共享一个页面
- 每个文件强制执行一个描述
- $提供一个以上的值来测试一个描述
- Ckeditor插件对话框选择从选定的一个获取描述
- ES7装饰器规范是否要求描述符有一个“initializer”方法?
- 我想开发一个网页,给出描述中提到的输出
- ajax表单只向第一个id提交空白描述
- 我正在使用 auth0 进行用户身份验证,并且我有一个用于 CRUD 帖子(标题、图像、描述)的 API.如何对 CRU