TinyMce 图片标签包装器

Question

在 CMS 中，我们将每张图片都放在“图片”标签中，如下所示：

<picture>
    <source srcset="image.webp" type="image/webp"> <img class="_img_resp" 
     src="image.jpe" alt="Image"> 
</picture>

但 tiny 将每个图片标签都包裹在“p”内我看到一些标签，如：“ul”、“div”、“h2”本身就是包装器，没有额外的“p” 那么，我可以让“图片”标签成为一个新的自定义包装器吗？我不需要从所有内容中删除根“p”标签

我用的是tinymcy 5.10

Answer 1

好的，我用这个解决了

custom_elements: 'picture',
valid_children: 'picture[source|img]',
formats: {
   'custom_picture': {block: 'picture', selector: 'picture', merge_siblings: true, wrapper: true},
         }

不清楚，但有效

TinyMce 图片标签包装器

TinyMce picture tag wrapper

tinymce

tinymce-plugins

tinymce-5