63 Vote

As a user, I want to be able to resize the Rich Text Editor

  • Mervyn Toh
  • Jul 26 2016
  • Unlikely to implement
Hosting platform Server
  • Attach files
  • Lukas Schaufler commented
    23 Mar 07:11pm
    Regarding the CSS override I had to do minor adaptions to the script as suggested here (which I am very thankful for in the first place):

    #rte-editor {
    margin-top: 0;
    margin-left: 0;
    width: calc(98vw - 20px);
    left: 1vw;
    top: 1vh;
    background-color: #f0f0f0;
    }

    .scaffoldingeditor #rte-editor #rte{
    width: calc(98vw - 20px);
    }

    .scaffoldingeditor.contenteditor #rte-editor div#rte {
    height: calc(98vh - 160px);
    }

    .scaffoldingeditor.contenteditor #rte-editor #rte {
    width: auto;
    }
  • Lukas Schaufler commented
    23 Mar 06:54pm

    Also voting here for a solution.
    The amount of wasted real estate is crazy and makes it very hard to add complex text elements.

  • Amir Naby commented
    23 Jan 06:48am

    Please add a button to fullscreen rich text editor

  • Sebastian Griffin commented
    23 Oct, 2020 10:51am

    Natively enabled would be great! Thanks for the workaround!

  • Guest commented
    2 Jun, 2020 01:48pm

    As a workaround: You can copy this CSS-Changes into your global Stylesheets in order to resize the Rich Text Editor to fullscreen:

    #rte-editor {

    margin-top: 0;

    margin-left: 0;

    width: calc(98vw - 40px);

    left: 1vw;

    top: 1vh;

    background-color: #f0f0f0;

    }

    .scaffoldingeditor #rte-editor #rte

    { width: calc(98vw - 40px);}

    div#rte {

    height: calc(98vh - 160px);}

  • +40