Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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.

0
votes
1answer
12 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 ...
1
vote
2answers
43 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 ...
0
votes
0answers
27 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 ...
0
votes
1answer
63 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 ...
1
vote
0answers
26 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 ...
1
vote
0answers
214 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: ...
0
votes
1answer
25 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 ...
0
votes
0answers
13 views

Visual Composer editor block tag link css

I'm trying to insert in a Visual Composer Editor a tag link css like this: <link rel="stylesheet" type="text/css" href="https://s3.amazonaws.com/website/style.css"> but when I save it, the ...
1
vote
1answer
140 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 ...
1
vote
0answers
170 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() { ...
0
votes
1answer
74 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" ...
0
votes
0answers
245 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 ...
1
vote
1answer
276 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 ...
3
votes
1answer
369 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 ...
1
vote
1answer
31 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 ...
0
votes
1answer
102 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. ...
2
votes
3answers
1k 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 ...
0
votes
1answer
641 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 ...
1
vote
1answer
2k 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 ...
0
votes
2answers
821 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 ...
2
votes
2answers
1k 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 ...
4
votes
2answers
163 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 ...
3
votes
1answer
258 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 ...
3
votes
1answer
244 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 ...
2
votes
1answer
691 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. ...
1
vote
0answers
120 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 ...
0
votes
1answer
69 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 ...
0
votes
1answer
98 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 ...
1
vote
2answers
3k 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?
0
votes
1answer
392 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 ...
1
vote
1answer
4k 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 ...
1
vote
1answer
108 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 ...
3
votes
1answer
8k 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 ...
3
votes
1answer
3k 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.
0
votes
1answer
809 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, ...
-1
votes
1answer
477 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. ...
1
vote
1answer
1k 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> <...
1
vote
0answers
22 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 ...
1
vote
1answer
623 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 ...
4
votes
1answer
480 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 ...
1
vote
1answer
170 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 ...
1
vote
0answers
45 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 ...
1
vote
1answer
462 views

How to reset display of WYSIWYG editor

I recently installed WordPress on a new domain but I have a small problem. This WYSIWYG editor displays very small text with no padding. Here are some examples. Desired behavior: Actual behavior: ...
1
vote
0answers
242 views

Using Javascript to detect keypress event in text editor

I want to bind a javascript function to trigger whenever a user presses a key in the text editor. However it seems that the text editor is an iframe and this is easier said than done. Is there any way ...
1
vote
1answer
502 views

How to dynamically generate wordpress editor on frontend?

I want to initialize the wordpress editor dynamically on frontend. I have tried to include the following scripts: wp_enqueue_script('editor'); wp_enqueue_script('media-upload'); wp_enqueue_script('...
2
votes
0answers
333 views

Add WYSIWYG to Image Description field

I need to build this thing: It's essentially an image with a caption, and it can go inline anywhere in the text. I could just create a shortcode for it I suppose, but I'd really like to integrate it ...
0
votes
1answer
641 views

Wp Some Pages content Not display in editor after move live server

We work on multi site which one working well on local. But i have make site on live server then some pages content not display on wysiwyg editor backend but display on front side. This issue arrived ...
0
votes
1answer
601 views

Can you check if a post WYSIWYG field has an image in it?

I'm using Advanced Custom Fields and a WYSIWYG field type. Can you determine via php if that field has an image in the content OR is there a better was to evaluate this. For example, if I upload an ...
0
votes
0answers
655 views

Wysiwyg editor not working on 4.2.2

I've recently upgraded a site for the Add Media button wasn't working. Now, having upgraded to 4.2.2 the Add Media works, but the Wysiwyg editor isn't showing. The only console messages I'm receiving ...
1
vote
1answer
2k views

Add a select a class dropdown in tinymce

How can I add add a dropdown/select with pre defined class names into the Wordpress wysiwyg (tinymce advanced) that I can put on different elements? What I'd like: Add some text or any other element ...