使用JavaScript regex获取短码属性值和短码内容

时间:2014-09-30 作者:dtbaker

这是一个示例短代码:

[boutique_banner title="Loyalty Program:" link="More" linkhref="/"]Earn 1 point for every $5 spent[/boutique_banner] 
我已经创建了一个自定义mce视图,以便在后端编辑器中很好地显示此短代码。现在,当点击这个短代码时,我正在处理“编辑”按钮。

我正在尝试获取所有属性和短代码内容,以便在执行以下操作时显示它们editor.windowManager.open

这是我用来获取属性的工作正则表达式:

var re = /([\\w\\-.:]+)\\s*=\\s*"([^"]*)"/g, values = {}, match;
while(match = re.exec(shortcode_string)){
   values[match[1]] = match[2]
}
但我有点纠结于获取实际的短代码内容,[x]this stuff[/x]

wordpress中是否有现有的javascript短代码解析器?我查看了gallery mce视图,试图了解它们是如何处理短代码属性解析的,但没有什么突出的地方。

有什么想法吗?

谢谢

1 个回复
SO网友:dtbaker

found it.

var str = \'[boutique_icon icon="phone"]1300 555 555<br />(07) 555 555[/boutique_icon]\';

console.debug( wp.shortcode.next( \'boutique_icon\', str ) );
结束

相关推荐

未显示TinyMCE锚定按钮

我使用这个过滤器和函数来显示TinyMCE编辑器的自定义、精简版本。一切正常。。。除了“锚定”按钮不会显示(“锚定”)之外?根据TinyMCE网站(http://www.tinymce.com/wiki.php/Controls), 这是要使用的控件。Does anyone know why the anchor button will not show?EDIT: 代码示例来自这里(这显示了我正在使用的完整代码,而不仅仅是下面的代码片段):https://gist.github.com/mrwweb/9