TinyMCE Editor Is Not WYSIWYGing

  • Resolved Matthew G. Saroff

    (@msaroff)


    5 years, 1 month ago

    I’m looking at moving my blog to WordPress, and I’m playing around in the editor, and if I do a nested quote in the editor:

    aa
<blockquote>bb
<blockquote>cc</blockquote></blockquote>

    The quote does not display properly in the editor:
    Imgur picture

    It’s not indented, the font is just larger.

    For an actual post, or in preview, it looks fine:
    Yet another imgur pic.

    It turns out that my styling for links (adding an underline) does not show up on the editing screen either.

    I am wondering if there are some tricks to have the editor reflect the CSS that is in the piece. (I’m using the Theme Foundry “Make” theme hacked to look like an old 3-column Blogger Minima format)

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    5 years, 1 month ago

    Try the new built-in editor introduced in WordPress 5: https://wordpress.org/support/article/wordpress-editor/

    It’s much more WYSIWYG than the old TinyMCE editor.

    There is some more extensive third-party documentation at https://gogutenberg.com/

    Thread Starter Matthew G. Saroff

    (@msaroff)

    5 years, 1 month ago

    Gutenberg is NOT an option for me.

    My blog is text driven, and the block driven editor is antithetical to this.

    It’s why I tried, and abandoned, Medium.

    Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    5 years, 1 month ago

    It’s ok to just use the Paragraph and Quote blocks in Gutenberg. 🙂

    https://gogutenberg.com/blocks/paragraph/

    https://gogutenberg.com/blocks/quote/

    You aren’t required to use all of its bells and whistles, I’m just saying the overall it’s much more WYSIWYG than TinyMCE.

    • This reply was modified 5 years, 1 month ago by James Huff.
    Thread Starter Matthew G. Saroff

    (@msaroff)

    5 years, 1 month ago

    Thank you for your help, but the entire design philosophy is antithetical to the way that I write, I am offering stupid opinions, not trying to sell stupid tchotchkes, and the code editor mode, where I do a lot of my initial writing, is a not-so-hot mess.

    Much like eggplant, it gives me the hives.

    I’ll see how I can hack the TinyMCE editor.

    Thread Starter Matthew G. Saroff

    (@msaroff)

    5 years, 1 month ago

    As an fyi, I determined that I could fix this by editing the CSS file for the editor.

    First, I put the following in functions.php:
    add_editor_style('/css/editor-style.css');

    Which has the editor read the editor style.css sheet, and then I add this:

    blockquote {
	padding-left: 5px !important;
	font-size: 13px !important;
}
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘TinyMCE Editor Is Not WYSIWYGing’ is closed to new replies.