Question

我正在使用stfalcontinymce包为symfony的tinymce。我想在blockquote中添加一个带有class属性的div

在配置文件中，我有以下设置：

plugins:
             - "advlist autolink lists link image charmap print preview anchor"
             - "searchreplace visualblocks code fullscreen"
             - "media contextmenu paste"
         toolbar1: "insertfile undo redo | styleselect | bold italic underline | blockquote | bullist numlist | link image media | code preview"
         menubar: false
         removed_menuitems: 'newdocument'
         style_formats:
         - {title: 'Heading 1', block: 'h1'}
         - {title: 'Heading 2', block: 'h2'}
         - {title: 'Heading 3', block: 'h3'}
         - {title: 'Heading 4', block: 'h4'}
         - {title: 'Heading 5', block: 'h5'}
         - {title: 'Heading 6', block: 'h6'}
         file_browser_callback : 'elFinderBrowser'
         document_base_url: "http://dev/web/"
         relative_urls: false
         valid_children: "+blockquote[div|p]"
         formats :
         - blockquote: {inline : 'div', 'classes' : 'content'}

我正在尝试将div插入blockquote。例如：

<blockquote>
        <div class="content">
        .....
        </div>
</blockquote>

然而，blockquote div上没有出现任何变化。我在这里做错了什么？

Answer 1

我从以下链接中找到了解决方案：

Add a div class parent to img and iframes with exception for blockquotes

$('blockquote p').each(function(){
                            $(this).wrap('<div class="content" />');
                        });

然而，现在问题更多的是jquery问题。 div被应用于blockquote中的每个p标签。

<blockquote>
    <div class="content">
        <p></p>
    </div>
    <div class="content">
        <p></p>
    </div>
</blockquote>

我想要以下格式：

<blockquote>
    <div class="content">
        <p></p>
        <p></p>
    </div>
</blockquote>

tinymce在blockquote中添加div和class

1 个答案: