Tinymce确实有效,但*某些*样式不会保存到数据库中(?!)

时间:2018-04-10 02:42:00

标签: database format tinymce

我正在尝试使用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

我用“float right”格式设置图像: enter image description here

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

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

Lorem ipsum dolor坐下来,精神上的精神。 Phasellus accumsan,massaitudin vulputate,mauris sapien vestibulum libero,id mollis arcu neque vitae odio。 Interdum et malesuada fames ac ante ipsum primis in faucibus。 Nulla ornare tristique tempor。在finibus volutpat sapien。 Nulla mi justo,luctus ut volutpat a,tienim。 Mauris molestie placerat dui sed consectetur。

我确实削减了Lorem Ipsum文本的内容。如您所见,图像已保存,但格式不会。

大胆或斜体不会发生相同的情况,例如,它们会被保存。它只发生在我的特殊style_formats

我正在使用tinymce 4.

我做错了什么?谢谢!

1 个答案:

答案 0 :(得分:0)

以防万一有一天它会帮助某人:问题就是这个问题:

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

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