代码之家  ›  专栏  ›  技术社区  ›  Rosamunda

Tinymce可以工作,但*某些*样式不会保存到数据库(?!)

  •  0
  • Rosamunda  · 技术社区  · 7 年前

    我想用tinymce。到目前为止还不错,所以我尝试添加一些格式(比如添加一些背景色,或者为标题制作一些样式)。

    它确实显示了所有内容,但不会以该格式保存到数据库中。

    这是我的配置:

      tinymce.init({
        entity_encoding : "raw",
        selector: '.wysiwyg',
        plugins: "image textcolor colorpicker hr link table lists advlist contextmenu",
        toolbar: 'styleselect | undo redo | bold italic underline | link image | forecolor backcolor | hr | table',
        menubar: "",
        contextmenu: "bold italic underline | bullist numlist | link | cell row column deletetable",
        content_css : "style-tinymce.css",
        valid_elements : "img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name]",
        image_caption: true,
        style_formats: [
          {title: 'Image Left', selector: 'img', styles: {
            'float' : 'left',
            'margin': '0 10px 0 10px'
          }},
          {title: 'Image Right', selector: 'img', styles: {
            'float' : 'right',
            'margin': '0 10px 0 10px'
          }},
          { title: 'Encabezado', 
            block: 'h2', 
            styles: {   'color': '#0871ad' } 
            },
          { title: 'Texto Resaltado', 
            inline: 'span', 
            styles: {   'color': '#000000',
                        'background-color': '#f6f433' 
                    } 
            }
        ]   
      });
    

    以下是我正在采取的步骤: 我确实添加了图像: enter image description here

    我将图像设置为“向右浮动”格式: enter image description here

    我在文本中添加了一些特殊格式: enter image description here

    这是保存到数据库中的内容:

    Lorem ipsum dolor sit amet,concetetur adipiscing elit。Phasellus accumsan,massa at sollicitudin vulputate,mauris sapien前庭自由,id mollis arcu neque vitae odio。Interdum和malesuada在《福西布斯》中以“同一原则”著称。无时间限制。在finibus Volvatpat sapien。Nulla mi justo,luctus ut volipat a,tienim。Mauris molestie placerat酒后驾车。

    我确实剪切了Lorem Ipsum的最新文本。如您所见,图像已保存,但格式不会保存。

    例如,粗体或斜体的情况不同,它们确实会被保存。这只会发生在我的特别 style_formats .

    我用的是tinymce 4。

    我做错了什么?谢谢

    1 回复  |  直到 7 年前
        1
  •  0
  •   Rosamunda    7 年前

    以防万一,有一天它会帮助某人:问题在于:

    valid_elements : "img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name]",
    

    告诉tinymce它应该接受IMG作为有效元素,我实际上是在告诉他们,它是它应该接受的唯一有效元素!

    推荐文章