search

unlayer / react-email-editor

Drag-n-Drop Email Editor Component for React.js
https://unlayer.com/
MIT License
4.6k stars 742 forks source link

how to adjust right panel width? #363

Open qzw881130 opened 1 year ago

qzw881130 commented 1 year ago

i want to adjust the width of html editor box. because, my html code is much more. I hope that it can be full screen.

4611696935979-pic

brunolemos commented 1 year ago

You can use the customCSS config option to tweak the editor appearance.

About the html editor, this option might help a little bit:

unlayer.init({
      ...,
      tools: {
        html: {
          properties: {
            html: {
              editor: {
                widgetParams: {
                  codeMirrorOptions: {
                    lineWrapping: false,
                  },
                },
              },
            },
          },
        },
      },
    });
qzw881130 commented 1 year ago

You can use the customCSS config option to tweak the editor appearance.

About the html editor, this option might help a little bit:

unlayer.init({
      ...,
      tools: {
        html: {
          properties: {
            html: {
              editor: {
                widgetParams: {
                  codeMirrorOptions: {
                    lineWrapping: false,
                  },
                },
              },
            },
          },
        },
      },
    });

Thank you! I will try sometime.