javascript - wordpress简码转json

Question

如果有人有在 JavaScript 上创建正则表达式处理程序的经验，将不胜感激。我坚持转换 Wordpress 短代码结构，例如

[container atr1='123' atr2='123']

  [column width="30"]
    [textblock]
        <p>fdsfsdf</p>
    [/textblock]
  [/column]

[/container]

像JSON一样

{
'type': 'container'
'content' : [
   {
    'type' : 'column'
    'content' : [
       {
          'type': 'textblock'
          'content': '<p>fdsfsdf</p>'
       }
    ],
    'width': '30'
   }
   ],
'atr1': '123',
'atr2': '123'
}

请提供有关创建处理程序的帮助或教程。我找到了一个 http://ejohn.org/files/htmlparser.js ，但就我的理解而言，它看起来非常复杂和不清楚。 感谢您的任何建议!

Answer 1

从 wordpress 版本 4.9.8 开始，有一个内置的 JavaScript 函数(在//wp-includes/js/shortcode.js 中):

wp.shortcode.next( shortcode_tag, text_to_parse, index_where_start_search ) 

不是很舒服，但它可以解释带和不带结束标记和属性的简码..

它返回:

• index:匹配发生的索引，因此您可以轻松匹配 使用匹配索引加 1 的下一个简码。
• content:实际匹配的内容，简码标签等。
• shortcode:从匹配的简码创建的 wp.shortcode 对象 字符串。