使用开始标记中的变量的回调函数快速标记

时间：2016-07-27 作者：Ady

我试图创建一个回调函数，单击快速标记wordpress按钮返回标签内的数字生成变量。

类似于

QTags.addButton( \'eg_wrap\', \'WRAP ARROWND\', \'<div class="moudle-area">\', \'<p>[Tweet "I just completed Module \'+module_nr+\' of the \'+course+\' Course"]</p></div>\', \'WRAP ARROWND\', \'WRAP ARROWND\', 1 );
当前示例

function callback_wrap() {
    var course = getSelectedText("_lesson_course");
    var module_info = jQuery("#title").val();
    var module_nr = module_info.match( /\\d+/g );
});
QTags.addButton(\'eg_wrap\', \'WRAP ARROWND\', callback_wrap);
选择文本时的问题如何传递变量并读取所选文本以插入开始标记结束标记和变量。

因此，单击时应返回：

<div class="moudle-area">
     SELECTED STRING HERE 
     <p>[Tweet "I just completed Module NUMBER (2) of the 
     NAME OF COURSE Course"]
     </p>
 </div>

1 个回复
SO网友:Ady

设法了解如何：

function callback_wrap(e, c, ed) {
    var course = getSelectedText("_lesson_course");
    var module_info = jQuery("#title").val();
    var module_nr = module_info.match( /\\d+/g );
    var start = ed.canvas.selectionStart;
    var end = ed.canvas.selectionEnd;
    var content = jQuery("#content").val();
    console.log(start);
    console.log(end);
    console.log(ed);
    var selected = content.slice(start, end);
    var string = \'<div class="moudle-area">\'+selected+\'<p>[Tweet "I just completed Module \'+module_nr+\' of the \'+course+\' Course"]</p></div>\';
    QTags.insertContent(string);
}
QTags.addButton( \'eg_wrap\', \'WRAP ARROWND\', callback_wrap);

标签： plugin-development   html-editor   quicktag   小码农  

相关推荐

More quicktag driving me nuts

我有点困惑。我有自己的定制贴子类型产品。我在产品页面上列出了所有产品。php。每个产品都有自己的页面-单个产品。php。奇怪的是。。。我正在使用更多quicktag：<!-- more --> 而且它不适用于单一产品和页面产品！我不在乎单页，但我喜欢在页面上使用产品列表。但我不能。文件说明：MORE quicktag将不起作用，在模板（如single）中会被忽略。php，其中只显示一篇文章。http://codex.wordpress.org/Function_Reference/t