Jump to:

5453 Posts in 1674 Topics by 1198 members

Customising the CMS

SilverStripe Forums » Customising the CMS » Remove <p> tags - TinyMCE HTMLeditor

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

Page: 1
Go to End
Author Topic: 2484 Views
  • Rossel
    Avatar
    Community Member
    18 Posts

    Remove <p> tags - TinyMCE HTMLeditor Link to this post

    I'm posting the solution Ive found to successfully removing the p tags from the TinyMCE editor considering the grief it has given me, it might be useful to someone else.

    I understand there are people who believe the p tags are necessary, but I much prefer <br /> tags and think they provide much for cleaner code.

    There's also a css 'solution'.

    p{
    margin:0px;
    padding:0px;
    }

    But my preferred solution below.

    CustomLeftAndMainDecorator.php

    <?php
    class CustomLeftAndMainDecorator extends LeftAndMainDecorator{
    function init(){
          $htmlEditorConfig = HtmlEditorConfig::get('cms');
          $htmlEditorConfig->setOption('forced_root_block','');
          $htmlEditorConfig->setOption('force_br_newlines',true);
          $htmlEditorConfig->setOption('force_p_newlines',false);
          $htmlEditorConfig->setOption('convert_newlines_to_brs',false);
          $htmlEditorConfig->setOption('invalid_elements','p');   
          $htmlEditorConfig->setOption('paste_auto_cleanup_on_past',true);
          $htmlEditorConfig->setOption('paste_remove_styles',true);
          $htmlEditorConfig->setOption('paste_remove_styles_if_webkit',true);
          $htmlEditorConfig->setOption('paste_strip_class_attributes',true);
          }
       }

    Add to mysite/_config.php

    Object::add_extension("LeftAndMain", "CustomLeftAndMainDecorator");

  • martimiz
    Avatar
    Forum Moderator
    1038 Posts

    Re: Remove <p> tags - TinyMCE HTMLeditor Link to this post

    On windows you can do <shift><enter> to create a <br /> instead of a new <p>. giving you the best of both worlds. Works on mac too I think

    2484 Views
Page: 1
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.