Text editor

  • Resolved jlanpheer

    (@jlanpheer)


    8 months, 3 weeks ago

    My client has a site that was built for them and has a simple single column format with an inner section containing three columns of Elementor Text Editor widgets. The spacing on these is fine and all of type “Paragraph” (as opposed to a ‘Heading’ or ‘Preformatted’).

    The problem is that my client has gone in and added a couple of new Text Editor widgets (also of type “Paragraph”, as above) but instead of formatting like the others, Elementor wraps these in a <p> tag so there is more space beneath their new entries. Further, if i go into any one of these existing Text Editor widgets and change the content, suddenly Elementor adds the <p> tag to the content and again, the extra (unneeded and unwanted) paragraph spacing is inserted into the DOM.

    It is obviously “possible” to create text entries in Text Editor widgets without the paragraph tag, but i don’t know how to do that. I also don’t understand why modifying merely the content of a text element in the Elementor Text Editor widget could possibly change its formatting. I’ve seen lots of threads about Elementor REMOVING intended <p> tags, our problem is the very opposite, it is ADDING unwanted ones.

    • This topic was modified 8 months, 3 weeks ago by jlanpheer.
    • This topic was modified 8 months, 3 weeks ago by jlanpheer.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter jlanpheer

    (@jlanpheer)

    https://drive.google.com/file/d/1q2-26Vlk04ye2U8ECIi_xB1FI-bBinpz/view?usp=sharing

    Plugin Support Milos

    (@miloss84)

    Our Text Editor widget visual editor will automatically add the tags when the paragraph option has been selected. See this screenshot link – https://prnt.sc/1xh36ew.

    The reason why it’s not appearing visually within the text tab in the editor widget is because it’s already using the Paragraph tag by default.

    In this regard, with Elementor Instead of adding the tag manually, a <p>tag is added automatically by hitting the enter button at the end of your paragraph. This is the default behavior of WordPress TinyMCE editor.

    But why is the actual formatting lost during the switch from text to visual and back?

    Elementor’s text editor widget is using the same classic editor which can be found inside WordPress.

    Elementor’s text editor widget is using the same classic editor (TinyMCE) which can be found inside WordPress. Since this is a known issue with TinyMCE, that is why this is occurring inside Elementor’s text editor widget as well.

    You can test this by using WordPress’s Classic Editor and replicating the same behavior from the video below.

    This is why we have our own HTML Widget where you can add your custom licenseHTML and it will stay the way it is.

    I should also mention that there are certain add-ons that change the TinyMCE widget or replace it with a completely different text editor which might not have this issue. You can check with our community and see which plugins they use to go around TinyMCE.

    • This reply was modified 8 months, 3 weeks ago by Milos.
    Thread Starter jlanpheer

    (@jlanpheer)

    Thank you for the explanation, and i do understand it. It does say ‘Paragraph’ under the option. What baffles me is two things: (1) why is there not simply a ‘plain text’ option? There’s 6 different kinds of headings and a “paragraph” option. Why not a ‘plain text’ option? (2) Whoever created this section to begin with set these up as ‘Text Editor’ widgets and when they set them up, they were clearly able to do so without the paragraph formatting. How did they do that?

    So, i DO very much appreciate your explanation of why the paragraph formatting is added. However, i am trying to (a) fix these and (b) instruct our client how to proceed if they wish to add to this list in the future. There are some EIGHTY names on this list and i’m an hoping there’s a way to format these without the paragraph heading that does NOT involve having to rewrite EIGHTY Text Editor widgets as custom HTML widgets.

    Since this was clearly originally done without custom HTML widgets, i am hoping that someone can provide a way for me to (a) fix the ones that are broken and (b) advise my client how to proceed in the future.

    Thank you!

    Plugin Support Milos

    (@miloss84)

    Thank you for your patience and understanding. I completely empathize with your concerns regarding the limitations and unexpected behavior you’ve encountered with Elementor’s Text Editor widget.

    Regarding your inquiries:

    1. Plain Text Option: Your suggestion for a “Plain Text” option within the Text Editor widget is well-noted. I agree that such an addition could greatly enhance the user experience, and I’ll be sure to forward your feedback to our team for their consideration in future updates.
    2. Creating Text Editor Widgets without Paragraph Formatting: It’s understandable that you’re seeking a solution to maintain consistency in your content presentation. The previous setup likely involved manual manipulation of the HTML code within the Text Editor widget to remove paragraph tags. Unfortunately, due to the current behavior of the editor, this method might not be feasible moving forward.

    In addressing your current concerns:

    a. Fixing Existing Text Editor Widgets:. This may involve manually removing paragraph tags from each widget’s HTML view, and I’ll ensure to handle this task with precision and efficiency.

    b. Future Instructions for Adding Content: To prevent the automatic addition of paragraph tags in future content additions, I recommend utilizing the HTML view of the Text Editor widget for direct input. By avoiding the “Enter” key at the end of each paragraph, we can maintain the desired formatting without unnecessary paragraph tags.

    Your feedback and cooperation are greatly appreciated as we work towards finding the best solutions to meet your needs. Please feel free to reach out if you have any further questions or require additional assistance. We’re here to support you every step of the way.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Text editor’ is closed to new replies.