Questions tagged [wysiwyg]

WYSIWYG is an acronym for "What You See Is What You Get". In computing, a WYSIWYG editor is a system in which content (text and graphics) displayed onscreen during editing appears in a form closely corresponding to its appearance when printed or displayed as a finished product, which might be a printed document, web page, or slide presentation.

Filter by
Sorted by
Tagged with
0 votes
0 answers
17 views

How to add button to WYSIWYG to insert shortcode with params (filled in system popup)?

It seems to me that there must be a solution, but I haven't found it. During the theme development process, we create many shortcodes for inserting unusual html layouts into the text. It would be ...
Oleksiy Goldayev's user avatar
0 votes
1 answer
32 views

How to enable <br> on custom shortcodes

I have created a shortcode that displays a table in WordPress: function table_data($atts, $content = null) { $defaults = shortcode_atts(array( 'data' => 'th:data1,td:data2,td:data3' ...
goodnight sir's user avatar
0 votes
1 answer
661 views

TinyMCE's "Clear Formatting" button doesn't remove lists and headings

Pressing the "Clear Formatting" toolbar button removes styles like bold and italics just fine, but it leaves lists and headings (h1, h2, etc.) as-is. Is there a way to include all elements ...
Gavin's user avatar
  • 384
0 votes
0 answers
105 views

Uncaught TypeError: switchEditors.switchto is not a function

I have the following line of code: switchEditors.switchto(ctmce[0]); which gives this error: Uncaught TypeError: switchEditors.switchto is not a function Searching around I found out that, due to ...
ᴜsᴇʀ's user avatar
  • 101
1 vote
1 answer
2k views

Remove headings option from Wysiwyg editor from ACF in a certain custom post type

I want to remove the headings options from Wysiwyg in a custom field that is set ix certain custom post type. Is there a way to archive it?
Fernando Souza's user avatar
0 votes
0 answers
210 views

Images are broken in Wysiwyg Editor - ACF backend

I work in the local environment WAMP, and images are visible on the frontend. When I enter to the backend Wysiwyg Editor they are broken Links look like that <img class="img-responsive" src="wp-...
SnatchIT's user avatar
0 votes
2 answers
909 views

Adding custom classes to elements via the WYSIWYG

I'd like to give my client the ability to add custom classes to elements via the WYSIWYG editor. For example, giving a link anchor tag a cta class so they can specify this link should be a call to ...
Dale Spiteri's user avatar
0 votes
1 answer
929 views

When creating a blog post through the WYSIWYG editor, text is not being wrapped in <p> tags correctly when starting with a link

When creating a new blog post, and the first item is a link follewed by text like this: <a>Some link</a> some text When this is rendered into HTML The tags get placed at the end of the ...
Josh's user avatar
  • 3
1 vote
1 answer
5k views

Convert this textarea to rich html format via wp_editor

I have a texarea in a page that works like a charm, but I would like to convert the area to a html rich wp_editor. Could anyone tell me how to convert this textarea to a wp_editor field?? Thanks <...
Laura's user avatar
  • 11
0 votes
1 answer
55 views

More HTML elements variety in visual editor

Our HTML based website uses a lot of formats for styling text / pages. We're now transitioning to Wordpress so the our employees can also create and edit pages, but it seems like the Wordpress editor ...
Adam Tal's user avatar
1 vote
2 answers
404 views

Keep WYSIWYG on Blog Page

I want to use the WYWISWYG on my blog page for an introduction text, but can't seem to bring back the WYSIWYG Editor on the page the page I defined as my blog posts page. Is there any way to force WP ...
Fredy31's user avatar
  • 858
0 votes
0 answers
144 views

Modify oembed code conditionally

My users have sprung a requirement on me that I am having some difficulty figuring out. I've tied myself up in knots trying to unravel the the logic needed. The original spec of this website I am ...
Burgi's user avatar
  • 373
0 votes
1 answer
3k views

Extract links from content

I'm looking for a solution to only display the links inside a string (my wysiwyg content) on my single page. First of all extract all my links, and replace each links content by the links title ...
user2882154's user avatar
1 vote
0 answers
353 views

How to remove the inline styles from the content of a WYSIWYG editor field at the time of saving the post?

I am using the WYSIWYG editor as a custom field using ACF plugin to insert a custom table in the field. As a data, the table needed is simply the HTML Markup of it only, only attributes specific to ...
J  Doe's user avatar
  • 11
1 vote
0 answers
843 views

ACF Wysiwyg Editor Image srcset for responsive images [closed]

I cannot find a way to generate srcset for images added inside Wysiwyg Editor field of Advanced Custom Field (ACF) plugin. Obviously, i know how to generate WordPress image srcset using: ...
Vatsh Patel's user avatar
0 votes
1 answer
240 views

Adding <aside> to the WYSIWYG

I'm trying to add the <aside> tag to the WYSIWYG, just like you can add a blockquote. (Basically have a button to wrap the element in an <aside> tag) I can't seem to find out how to add ...
Fredy31's user avatar
  • 858
1 vote
1 answer
470 views

Stop WordPress Visual Editor converting backticks into code blocks

I need my frontend wp_editor() to not convert backticks into code automatically. I have checked the settings config in the tiny_mce_before_init filter as well as the documentation on the TinyMCE ...
Richard Webster's user avatar
1 vote
0 answers
547 views

How to Add TinyMCE to widget

I'm trying to create simple widget with TinyMCE rich editor but it's not working My widget code: add_action('widgets_init', 'string_example_name_init'); function string_example_name_init() { ...
wiseman's user avatar
  • 31
0 votes
1 answer
527 views

Disable WYSIWYG rich text editor only on post excerpt

I am pulling info from the excerpt of a custom post type into a 3rd party application. I need to be able to add line breaks and for them to be saved in the database. If my user switches to "visual" ...
Jason's user avatar
  • 101
2 votes
0 answers
729 views

Custom Post Type archive link in WYSIWYG editor

I would like to add a link in the WYSIWYG editor to the archive page for a custom post type. I have a custom post type case-studies and would like to add a link to the archive page in the tinyMCE ...
Jonathan Hodgson's user avatar
1 vote
1 answer
1k views

Wordpress Admin Not Loading All Core Scripts

For some reason, Wordpress admin is not loading all of the required scripts via load-scripts.php. This is causing the "Visual/Text" tabs to be missing from the text editor. The 'b', 'i', 'link', etc ...
user1199981's user avatar
3 votes
1 answer
1k views

Apply custom style to single word in Wordpress

I'm setting up a WordPress site for a client. They need to be able to hide individual words through the WYSIWYG editor, which will be revealed upon a click. I've set up a new custom style format in ...
JohnG's user avatar
  • 334
1 vote
1 answer
53 views

Content pulled from page template instead of editor

Just inherited a client site that is a bit of a mess and am looking for some help. All of the content is within the php page template, it is not directed to the WYSIWYG editor at all (which I would ...
ingcol's user avatar
  • 11
0 votes
1 answer
283 views

Creating custom setting in add media popup

I am creating a checkbox in the Add Media popup screen to add HTML to the $html output when inserting an image. This is working fine. However, once I have added an image with the checkbox selected. ...
Robert L's user avatar
2 votes
3 answers
2k views

Using main style.css with add_editor_style

All the resources I've read online suggest using a different CSS file (i.e. editor-style.css) in order to style the WYSIWYG editor to better resemble what the actual content will look like. For the ...
epsilon42's user avatar
  • 123
0 votes
1 answer
2k views

How to add custom tinymce plugin to new text widget

So I have a custom TinyMCE plugin, which adds a button to the editor. I'm using the mce_external_plugins and mce_buttons filter to add my TinyMCE plugin. After WP 4.8 introduced the simple TinyMCE ...
Emil Østervig's user avatar
1 vote
1 answer
7k views

Problem with using custom shortcode with ACF WYSIWYG field

I have created a custom shortcode [colored-list] to simply print an HTML code template. The reason to build this shortcode is because I am using PHP loop in it to print the list of text in different ...
aslamdoctor's user avatar
0 votes
2 answers
3k views

Stop editor from adding “amp;” after every “&”

The WordPress editor keeps adding “amp;” after every “&”. This effectively breaks all my custom links. How can i stop this? I don’t mind all the others things the editor does to the formatting i ...
Michael Rogers's user avatar
2 votes
2 answers
4k views

Content editor creating blank paragraphs in spaces and creating &nbsp in the_excerpt

I see that in other sites that use wordpress this does not happen, so I would like to know how to space without creating a blank paragraph or a &nbsp ? As you can see in the image, in each space ...
Gabriel Souza's user avatar
3 votes
2 answers
408 views

WYSIWYG Wordpress readme.txt file Markdown Viewer

I'm ready to upload my first Wordpress Plugin and although I'm pretty sure I nailed the readme.txt file I thought it would be nice if I could preview it before uploading the zip file. My search has ...
Jim Dandy BOA's user avatar
3 votes
2 answers
739 views

Snippet: Use classes instead of inline styles for text alignment

WordPress' TinyMCE (WYSIWYG) editor is adding inline stlyes to the markup when you change the text alignment. This behaviour is hard coded in wp-includes/class-wp-editor.php. Can the inline styles be ...
bitstarr's user avatar
  • 129
2 votes
1 answer
458 views

Dynamically adding WYSIWYG to metaboxes

I've created a custom metabox area and need to add the option of multiple metaboxes. So far I found this guide https://jeremyhixon.com/repeating-wordpress-editor/ which works absolutely perfect up ...
Shane Jones's user avatar
2 votes
1 answer
2k views

How to wrap the content of the main tinyMCE editor with extra tags

I'm on WP 4.6, which has tinyMCE 4. I need to make the contents of my post editor visual tab more WYSIWYG. I'm attaching a CSS file containing my front end styles to the editor using add_editor_style. ...
And Finally's user avatar
1 vote
0 answers
186 views

Add a select option of shortcodes like dropdown in tinymce

I creeate an plugin where users creating own shortcodes. I want to add TinyMce support to users can select and place shortcode where they want. Can anyone gve me good explanation how to do that? I ...
Ivijan Stefan Stipić's user avatar
0 votes
1 answer
876 views

How to manage heading font options located in the wysiwyg editor for posts and pages

Within WordPress 4.6.1, when I go to edit a post, from the WYSIWYG editor, there is a drop-down option to apply multiple heading formats to the given text. What is the WordPress way for ...
klewis's user avatar
  • 857
0 votes
1 answer
145 views

TinyMCE not loading in IE8

Yes I know it's 2016 and IE8 is older that my grandma but I have to support it for specific reasons. My TinyMCE is not loading, it is version 4.4.1 in Wordpress 4.6.1 and when loading the Add new ...
Adrian's user avatar
  • 344
2 votes
2 answers
6k views

Hide WYSIWYG editor on certain templates

I hope the title makes sense. I currently want to hide the default WYSIWYG editor on some of the pages but display it on others. Is there a filter or a hook for the functions file?
kcroake88's user avatar
0 votes
1 answer
874 views

What's the best way to trim content from WYSIWYG editor?

I have done an excessive amount of googling and haven't found exactly what I need yet. The client uses the editor (WYSIWYG) to create posts. She adds photos, links to external photos, videos, embeds ...
winchendonsprings's user avatar
1 vote
1 answer
12k views

Creating table layout in WYSIWYG editor

I am having a design as mentioned in the image. The content for these should go in a widget. How I am achieving this right now is: by editing it in the WYSIWYG editor by using spaces between the ...
Kiran Dash's user avatar
1 vote
1 answer
260 views

Add default text to multiple wysiwyg editors

I have a custom post type which has multiple wysiwyg editors within the same post. When creating a new post of this type, I wish to have default text in some of these wysiwyg editors but not in the ...
Paul Sim's user avatar
10 votes
2 answers
19k views

How do you add custom color swatches to all WYSIWYG editors?

I would like to be able add the same custom colours to the swatches at bottom of colour picker panels that appear in the WYSIWYG editors across the site, to make it easier for clients to keep ...
Clayton Jones's user avatar
5 votes
1 answer
6k views

How to set the default embed image size

When a user adds media to the WYSIWYG, is there a way to set the default image size to large? It defaults to medium, I'd like this to be "large" without the user having to change the value.
Ben Everard's user avatar
  • 1,258
0 votes
1 answer
1k views

remove initial wysiwyg editor from cms page edit

So I have successfully installed and implemented the Advanced Custom Fields plugin from: https://www.advancedcustomfields.com/ I have applied a set of custom fields to a custom page template, ...
AndrewBramwell's user avatar
-1 votes
1 answer
953 views

How to output cmb2 wysiwyg by using timber

I am using cmb2 to create the custom post type, and I have a custom post type called legacy_cycle that has a metabox called challenges_one. In this metabox, there are several wysiwyg fileds. ...
Lisa's user avatar
  • 101
1 vote
1 answer
2k views

Prevent WordPress from messing my HTML

Is there a way to prevent WP from modifying my perfectly fine HTML? When writing content of a page, I'm writing a list as <ol> <li>Paragraph 1 : text Some more text</li> <...
Yanick Rochon's user avatar
1 vote
0 answers
36 views

Wysiwyg editor errors

Hi everybody I am having a prob with wordpress when in my themes and browse to widgets and they are not active and won't allow editing. This is a brand new WP install and even if I change my theme its ...
Claude Corry's user avatar
1 vote
1 answer
2k views

Set post title based on first h2 element in the content section

I have a front end editor set up for users to create posts and I would like to make it as simple as possible to create posts with the least amount of fields involved. Is it possible to generate the ...
user304165's user avatar
3 votes
1 answer
504 views

4.3.1 to 4.4 - WYSIWYG Editor Issues

I've just upgraded my WordPress site from 4.3.1 to 4.4, and I've just come across an issue which I've tested, and it does seem to happen upon upgrading the core from 4.3.1 to 4.4. When I go into a ...
Daniel Dewhurst's user avatar
1 vote
1 answer
254 views

Front end inline editing?

I was wondering if it is possible to allow my users to create posts from the front end in an inline editor, similar to content creation on Medium.com? I know there are many options out there for ...
user304165's user avatar
1 vote
0 answers
54 views

Print shortcode in defined area

I would like to make shortcake to work that it would be possible to print in certain areas (sidebar, footer or normally in content). In templates I have two places with do_shortcode function (sidebar ...
user995317's user avatar