Tinymce编辑器库插件正则表达式问题？

Question

我正在使用tinymce编辑器将内容插入到mysql。 我已经根据我的系统更改了 WordPress Gallery 编辑器插件。

内容中是否有图库代码。我将此代码转换为象征性照片，以便用户了解有一个画廊，而不是看到代码。就像 wordpress 一样。

如果内容中只有 1 个画廊，我会成功将此代码转换为图像，但如果有超过 1 个画廊，则会失败。

如何在保存到数据库之前将所有 {gallery} 代码转换为符号图像，并在插入或更新到 mysql 时再次将这些照片转换回 {gallery} 代码。

我对正则表达式很差。 我认为 do_gallery RegExp 有错误。我应该如何改变这个。

初始化编辑器，例如：

ed.onBeforeSetContent.add(function(ed, o) {
            ed.dom.loadCSS(url + "/css/gallery.css");
            o.content = t._do_gallery(o.content);
        });

        ed.onPostProcess.add(function(ed, o) {
            if (o.get)
                o.content = t._get_gallery(o.content);
        });

我的“执行并获取图库”代码如下：

_do_gallery : function(co) {
        return co.replace(/\{gallery([^\]]*)\}/g, function(a,b){
            var image = '<img src="gallery.gif" class="wpGallery mceItem" title="gallery'+tinymce.DOM.encode(b)+'" />';
            console.log(image);
            return image;

        });
    },

    _get_gallery : function(co) {

        function getAttr(s, n) {
            n = new RegExp(n + '="([^"]+)"', 'g').exec(s);
            return n ? tinymce.DOM.decode(n[1]) : '';
        };

        return co.replace(/(?:<p{^>}*>)*(<img[^>]+>)(?:<\/p>)*/g, function(a,im) {
            var cls = getAttr(im, 'class');

            if ( cls.indexOf('wpGallery') != -1 )
                return '<p>{'+tinymce.trim(getAttr(im, 'title'))+'}</p>';

            return a;
        });
    }

如果内容是：

<p>Blah</p>
<p>{gallery Name="gallery1" id="82" galeryID="15"  sizeId="6" galery_type="list"}</p>
<p>test</p>

这没问题

<img src="gallery.gif" class="wpGallery mceItem" title="gallery Name=&quot;tekne1&quot; id=&quot;82&quot; galeryID=&quot;15&quot; sizeId=&quot;6&quot; galery_type=&quot;liste&quot;" />

但是，如果内容是：

<p>Blah</p>
<p>{gallery Name="gallery1" id="82" galeryID="15"  sizeId="6" galery_type="list"}</p>
<p>test</p>
<p>{gallery Name="gallery2" id="88" galeryID="11"  sizeId="1" galery_type="slide"}</p>
<p>test2</p>

它会记录

<img src="gallery.gif" class="wpGallery mceItem" title="gallery Name=&quot;gallery1&quot; id=&quot;82&quot; galeryID=&quot;15&quot; sizeId=&quot;6&quot; galery_type=&quot;list&quot;}&lt;/p&gt; &lt;p&gt;test&lt;/p&gt; &lt;p&gt;{gallery Name=&quot;gallery2&quot; id=&quot;88&quot; galeryID=&quot;11&quot; sizeId=&quot;1&quot; galery_type=&quot;slide&quot;" />

我希望我可以解释我的问题 谢谢。

Answer 1

我怀疑您原来的正则表达式是一个拼写错误，当您点击 ] 时，看起来像是缺少 Shift 。试试这个：

/\{gallery([^\}]*)\}/g

然后 ([^\}]*) 部分将（贪婪地）吃掉任何不是 } 的字符序列；您的原始字符将使用不包含 ] 的任何字符序列，结果是您将获取第一个 { 和最后一个 之间的所有内容} 而不是仅仅抓取大括号之间的文本。