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

Question

这是一个示例短代码：

[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短代码解析器？我在图库mce视图中查看了一下，看看它们是如何处理短代码属性解析的，但是没有什么特别之处。

有什么想法吗？

谢谢!

Answer 1

找到了。

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

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