wordpress - 使用tiny_mce_before_init为Wordpress使用tinyMCE自定义样式,将带有样式的div添加到每个列表项,而不是将其添加到选择周围

标签 wordpress tinymce wordpress-theming

我正在尝试让 WordPress 的tinyMCE 将具有自定义样式的 div 应用到所选内容。我正在使用tiny_mce_before_init。发生的情况是将 div 添加到每个列表项,而不是将其添加到选择周围 这是我的样式数组:

    $style_formats = array(  
    (  
        'title' => 'columna',  
        'inline' => 'div',  
        'classes' => 'bloque_izq',
        'wrapper' => true
    )
); 

这是我想用新 div 包装的 html

<h2>Entradas</h2>
<ul>
<li>Queso Fresco en salsa</li>
<li>Queso Fresco con Rajas de Chile de Agua</li>
<li>Chile de Agua Relleno de Pollo y Nueces</li>
</ul>

这就是发生的事情

<div class="bloque_izq">
<h2>Entradas</h2>
</div>
<ul>
<li>
<div class="bloque_izq">Queso Fresco en salsa</div></li>
<li>
<div class="bloque_izq">Queso Fresco con Rajas de Chile de Agua</div></li>
<li>
<div class="bloque_izq">Chile de Agua Relleno de Pollo y Nueces</div></li>
<li>
</ul>

如您所见,它将 div 应用于每个元素,而不是整个选择。我尝试过使用内联和 block ,以及两种类型的包装器,它似乎在做同样的事情。请帮忙!

最佳答案

尝试将 inline 参数更改为 block(使用一个,而不是两者),这样应该可以解决问题。参数的描述可参见 in the Codex .

关于wordpress - 使用tiny_mce_before_init为Wordpress使用tinyMCE自定义样式,将带有样式的div添加到每个列表项,而不是将其添加到选择周围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20691074/

相关文章:

mysql - 将 WooCommerce 产品简短描述复制到数据库中的产品详细描述

wordpress - 获取产品变体父产品

php - 在轮播容器中循环 3 篇 WordPress 文章

linux - 在 Amazon EC2 (Amazon Linux) 上设置 WordPress 权限

php - 如何将数据库表添加到自定义表单并在网页中显示结果

linux - WordPress unzip_file() 导致 mkdir_failed(权限)

javascript - AngularJS 导航在 tinymce 指令后不起作用

WordPress tinymce 编辑器未在可视化编辑器中添加 <br>

javascript - 如何在 Tinymce 4.5 中显示侧边栏?

javascript - 我必须删除网站页面标题上显示的一个看起来像小三 Angular 形的组件