question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Make this editor full screen.

See original GitHub issue

Describe the bug

While using the method toolbar.insertItem i am getting this error.

TypeError
this.el.appendChild is not a function

To Reproduce

Steps to reproduce the behavior:

  1. Go to https://codesandbox.io/s/fragrant-hooks-gr651?file=/src/App.js:393-411 and https://github.com/nhn/tui.editor/issues/1245
  2. See an error

Expected behavior

If I am returning the wrong value then, It should not rise this.el.appendChild is not a function. Because this. el is a class member. see this https://github.com/nhn/tui.editor/blob/3a0e0a93ae1970c2232060bf3ff747dd22413563/apps/editor/src/js/ui/uicontroller.js#L61.

If i am doing anything wrong then please suggest me.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:14 (14 by maintainers)

github_iconTop GitHub Comments

1reaction
ats1999commented, Dec 10, 2020

this worked

 const toggleEditorFullScreen = (el) =>{
    if(el.style.height !== "100vh")
      el.style = "height:100vh; width:100vw; position:fixed;z-index:10000000000;top:0px;left:0px;background-color:white;";
    else el.style = "height:400px;"
  }
0reactions
ats1999commented, Dec 9, 2020

Now, i tried to give this styling to the root element. Screenshot (497)

Output

Screenshot (496)

Problem

background contents are also visible in markdown mode(in preview part only). There is no problem in WYSIWYG mode.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to Use the WordPress Full Screen Editor
Using the WordPress Full Screen Editor ... Open or create a new post or page in WordPress. ... Click the “Disctraction Free Writing...
Read more >
Fullscreen mode enabled by default in the editor
Now the editor opens in fullscreen mode by default. Note that for now, that's a local setting, which is why it's going to...
Read more >
Fullscreen Editor | Utilities Tools
Use the Fullscreen Editor from Muka Schultze on your next project. Find this utility tool & more on the Unity Asset Store.
Read more >
Full Screen plugin | Docs
This plugin adds full screen editing capabilities to TinyMCE. When the toolbar button is pressed the editable area will fill the browser's viewport....
Read more >
Editor X - How To Create Full Screen Section
Steps on how to build a full-screen section in editor X · Create a new section · Add your content to it and...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found