Uploaded image for project: 'CMS'
  1. CMS
  2. CMS-7245

Intrusive css property in the wysiwyg

    • Icon: Bug Bug
    • Resolution: Invalid
    • Icon: Major Major
    • 4.0M5
    • 4.0.0
    • None
    • None

      My custom list style have a disc before the bullet because a property is specified in this css :
      /cms/plugins/core-ui/resources/css/Ametys/form/RichTextConfiguration-Inline.css

      /* -------------
             LISTS
         ------------- */
      .mceContentBody ul,
      .mceContentBody ul.disc
      {
      	list-style-type: disc;
      	list-style-image: none;
      }

          [CMS-7245] Intrusive css property in the wysiwyg

          Laurence Aumeunier added a comment - - edited

          1) For your list, it is up to you to redefine list-style-type: none for your customs lists in your skin CSS bo/editor-content.css

          2) For the "simple" table, it is also up to you to refine the style for table.simple in your skin CSS bo/editor-content.css

          3) This CSS style for body is only the default style if there is no other CSS for body. It could not be a problem if your redefine the body style in your bo/editor-content.css file

          The applied CSS files for inline editor are the following
          1) first the content.min.css of tinyMCE
          2) then the Ametys RichTextConfiguration-Inline.css overrides some CSS styles of tinyMCE
          3) last, your own bo/editor-content.css for your skin could override all styles he want or bring new ones

          Laurence Aumeunier added a comment - - edited 1) For your list, it is up to you to redefine list-style-type: none for your customs lists in your skin CSS bo/editor-content.css 2) For the "simple" table, it is also up to you to refine the style for table.simple in your skin CSS bo/editor-content.css 3) This CSS style for body is only the default style if there is no other CSS for body. It could not be a problem if your redefine the body style in your bo/editor-content.css file The applied CSS files for inline editor are the following 1) first the content.min.css of tinyMCE 2) then the Ametys RichTextConfiguration-Inline.css overrides some CSS styles of tinyMCE 3) last, your own bo/editor-content.css for your skin could override all styles he want or bring new ones

          Laure Lopez added a comment -

          Idem with this css stylesheet : /cms/plugins/tiny_mce/resources/js/skins/lightgray/content.min.css

          body {
              color: #000;
              font-family: Verdana,Arial,Helvetica,sans-serif;
              font-size: 11px;
          }

          Laure Lopez added a comment - Idem with this css stylesheet : /cms/plugins/tiny_mce/resources/js/skins/lightgray/content.min.css body { color: #000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }

          Laure Lopez added a comment -

          Idem with the following property :

          .mceContentBody table.simple,
          .mceContentBody table.simple tr th,
          .mceContentBody table.simple tr td
          {
          	border: 1px solid black;
          }

          Laure Lopez added a comment - Idem with the following property : .mceContentBody table.simple, .mceContentBody table.simple tr th, .mceContentBody table.simple tr td { border: 1px solid black; }

            Unassigned Unassigned
            llopez Laure Lopez
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: