快速标记插入多行

时间:2012-09-15 作者:JasonDavis

我使用编辑器的Quicktag按钮来存储特殊的内容,例如下面的示例用于存储DIV以在我的主题上创建列。

我需要帮助,我想修改下面的代码段,以便将HTML插入多行,而不是添加

<div class="one-half first">1st</div>n/<div class="one-half">2nd</div>n\\<div class="clear-line"></div>
到文本区域作为一行,我想插入它作为3行像这样。。。

<div class="one-half first">1st</div>
<div class="one-half">2nd</div>
<div class="clear-line"></div>
这是我用来添加此按钮的代码。。。

QTags.addButton( \'columns\', \'Columns\', \'<div class="one-half first">1st</div>n/<div class="one-half">2nd</div>n\\<div class="clear-line"></div>\', \'\' );

1 个回复
最合适的回答,由SO网友:Adam 整理而成

这是您需要遵循的格式,

//double quotes require escaping
var your_html = "<div class=\\"one-half first\\">1st</div>\\n<div class=\\"one-half\\">2nd</div>\\n<div class=\\"clear-line\\"></div>";

//single quotes do not require escpaing
var your_html = \'<div class="one-half first">1st</div>\\n<div class="one-half">2nd</div>\\n<div class="clear-line"></div>\';

QTags.addButton( \'my_tag\', \'Multi Line\', your_html, \'\' );
我只是将我的html存储在一个变量中(例如。your_html) 然后把它传给你的QTags.addButton

你也可以这样做,

var more_html = [
\'<div class="one-half first">1st</div>\\n\',
\'<div class="etc">etc</div>\\n\',
\'<div class="etc etc">etc etc</div>\'
].join(\'\');

QTags.addButton( \'my_tag_again\', \'More Multi Line\', more_html, \'\');
尽管这与WordPress有关,its not a WordPress question, 从技术上讲,因为问题完全集中在JavaScript上,而在Stack Overflow.

但既然我这么做了,这就是你的答案。

我个人使用上面的第二种语法,这种语法更容易阅读,也更容易理解长字符串,尤其是HTML。

结束

相关推荐

More quicktag driving me nuts

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