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]

Use it for questions about the WYSIWYG editors made available in Drupal.

1
vote
0answers
12 views

Caption field with default value inside CKEditor

I activated the caption filter under Text format configuration to add description to media inserted via CKEditor Is there a possibility to add a default value to this caption field whenever I add a ...
0
votes
0answers
7 views

Export Text Format and CKEditor Profile with Features

First, this is not a duplicate of this, because I can't even get that far. The OP was able to put their CKEditor profiles into a Features module with all of the settings are stored in the Features ...
-2
votes
0answers
10 views

Content is displaying below the script

In my content, first I'm adding some text, then I'm adding an external JavaScript tag. Example text (in full HTML): I'm working in Drupal7. and then the script tag: <script src="https://XXX" ...
-3
votes
1answer
28 views

Wysiwyg editor for webform 5

Is there a way to configure textarea fields in Webform 5 to use Wysiwyg editor ? preferably without coding and overlay capability (I mean something like https://www.jqueryscript.net/form/jQuery-Plugin-...
0
votes
0answers
19 views

How do I put back de CKE image dialog box?

On Drupal 8, I can't find the image dialog box I used to have on Drupal 7. I read this is a core issue, but my contributors are used to it and have a different level of expertise. This little dialog ...
0
votes
0answers
32 views

Why do unwanted hidden images get added?

Due to some reason some unwanted hidden images get added to textarea field if kept empty. like below. I have no idea why this is getting added. Please help if some one know about it.
0
votes
1answer
28 views

Filter upon paste in CKEditor

My stakeholders encountering a situation where they have to do finagling in the CKEditor window when they copy and paste from Google Docs, which they do often. Ideally, what would happen is that ...
0
votes
1answer
33 views

CKEditor toolbar missing when conditional field becomes visible

I use the D8 Conditional Fields module to make a CKEditor field (author bio) invisible until there is something in another field (author). When I type something in the author field, the author bio ...
3
votes
1answer
75 views

drupal_render() is deprecated. What replaces it?

I have a render array and I want to convert it to HTML and place it in a WYSIWYG field. What is the generally accepted way to do that since drupal_render() is deprecated?
0
votes
1answer
34 views

How do I include an affiliate script?

I am trying to add an affiliate script to my Drupal 7 website. I am doing this in a custom block. Specifically, I create a block, select the scripts text format in my WYSIWYG Editor, add the script ...
0
votes
1answer
35 views

Cannot apply my custom styles to HTML tags in ckeditor

I'm using Drupal 8 and am trying to make ckeditor truly wysiwyg. To that end I've successfully gotten ckeditor to use a custom stylesheet by adding a ckeditor_sylesheets key to my theme's info.yml ...
0
votes
2answers
41 views

How to reformat HTML output of format?

I have looked for days and cannot find an example of what I need to do. I wish to reformat the HTML output ckeditor uses for blockquote. CKEditor output for quote: <blockquote><p>...
0
votes
1answer
160 views

How to add css class on click of CKeditor table button?

We are using the CKEditor module provided from Drupal 8 (v8.6.2). There is a need to add a css class to the table when it is added to the Body field (text formatted, long) after someone clicks on the ...
0
votes
0answers
31 views

CKEditor Filter does not persist text after modifying

I wrote a filter class that strips out certain tags from the user input in the editor. For example it uses a regular expression to remove <span> tags of a certain class. The steps I took were: ...
2
votes
0answers
33 views

Conditional loading of CKEditor plugins [closed]

I have written two widgets used on a form, now I have to write a plugin to be loaded in a view with editable content. These plugins should not mix: the buttons shown in the first two make no sense on ...
0
votes
0answers
18 views

How to token Insert nth element of Iframe?

Module used: Token Insert I have a content type with an iframe field which accepts multiple values. In my wysiwyg body field, I did a token insert. When I add this iframe field which has only one ...
1
vote
1answer
294 views

How do I add the ability to change font size in CKEditor?

I'm trying to install the CKEditor Font Size Module in my my editor. I installed the module via composer and then proceeded to copy the font/plugin.js file from the Font Plugin's page into libraries/ ...
-1
votes
1answer
27 views

How do I enable title and target to link?

Using Drupal 8, with the link icon in the wysiwyg editor, currently in the modal popup, it only allows URL. I have to switch to source to add title and target attributes (outside website). Is ...
0
votes
1answer
254 views

How do I add a CSS class to a p tag in CKEditor?

The standard center button only applies a in-line style to the HTML. But how can I add a class 'text-center' to a paragraph or selection by clicking the following icon? I went ahead and created a ...
1
vote
1answer
139 views

What's the correct way to pass variables to the JavaScript of a custom CKEditor plugin?

I saw that we can pass values to our JavaScript using drupalSettings. However, this is for Drupal custom module JavaScript files. Since a CKEditor plugin file is already attached/loaded in a different ...
1
vote
0answers
396 views

How to fix “Cannot read property 'icons' of null” error?

First of all, I'd like to mention this answer is not related, I'm using Drupal 8.6.1. I'm trying to create a CKEditor plugin with a new button. In the /admin/config/content page I get the error but ...
0
votes
0answers
25 views

apply several items of styles dropdown to element in ckeditor

i would like to apply three classes (panel class, direction, color) to one element. i know one way is to define those classes in dropdown styles and apply those styles for that element but it seems ...
0
votes
1answer
169 views

How do I update the CKEditor text widget using CKEditor API

I am using Drupal 8's Ajax API to update form fields in a form depending on the input in another field. One of the fields I want to update is a text_format field that uses Drupal's ckeditor. If I ...
0
votes
1answer
347 views

Add class to any element with CKEditor

Is there a way to add class to any element through CKEditor? Here is an example: I create a list with CKEditor and I want to add a class to the ul tag. Or maybe on one of the li. Everything without ...
0
votes
1answer
193 views

CKEditor oEmbed Plugin Shows up in config but not in actual Editor instance

The issue I'm having is very similar to this question, but the solutions here did not work for me. The steps I took: Downloaded the latest version of the oEmbed plugin from https://ckeditor.com/...
1
vote
1answer
315 views

How can I disable image resizing in CKEditor?

Our site is responsive and when editors use the resizing handles after uploading an image into the editor, it puts in fixed width and height on the image. We don't want them resizing images at all, ...
0
votes
0answers
62 views

HTML Purifier Ckeditor accordions shortcode is blocked

I am using Drupal 8.5.7 and HTML Purifier 8.x-1.0-rc1. And also using Ckeditor Shortcodes. HTML Purifier is blocking the [accordions] shortcode. I'm sure its a setting in /admin/config/content/...
1
vote
1answer
102 views

WYSIWYG CKEditor is altering source text on reload. Why?

I created a paragraph with a text field that uses CKEditor text editor with Full HTML enabled. I switched to the Source view and pasted the following code into CKEditor. <!doctype html><html ...
0
votes
1answer
74 views

Link to content within node, from CKEditor WYSIWYG

This seems like it should be fairly simple, but I'm having trouble getting off the ground. I have a content type "Document". This content type has a field of type File, which allows for uploading PDF'...
1
vote
1answer
268 views

Capturing keyup event (JavaScript) from Drupal editors (CKeditor)

I maintain the Textfield Counter module. An issue was raised that the module does not work for textareas with CKEditor enabled. I need to catch a keyup event from editors, or even just the CKEditor ...
2
votes
0answers
2k views

How do I practically use the media library?

Now that Drupal 8.6 is released, I tried the experimental Media Library module. It works great, but it needs some additions. How can I use core Media Library with CKeditor? How can I fill custom ...
0
votes
1answer
103 views

Add fields to image upload option in CKEditor

I make SVGs using LaTeX and would like to upload both the image and its LaTeX source code when I attach an imagine via CKEditor. I don't want the code to be displayed, just stored with the image so ...
0
votes
1answer
126 views

HTML Purifier module and upload YouTube videos not working

I am using the HTML Purifier module https://www.drupal.org/project/htmlpurifier. And Drupal version 8.5.6. Most of the help I could find is for Drupal version 7. When I try to embed a YouTube video ...
1
vote
0answers
422 views

How can I add classes to images added in CKEditor via Media?

Similar question to How to set width to Media entity image in CKEditor BUT I am trying to do more than insert various sizes of images, I want to add classes to the actual img tag. So when I insert an ...
1
vote
1answer
229 views

Open inline link in modal/colorbox

I have the colorbox module installed so I assume there's a way to do this with it, but I've had no success. Pretty much what I'd like to do within the WYSIWYG editor is have a link to an external ...
-3
votes
1answer
313 views

How to add advanced CKEditor dialog tab for iframe?

<?php namespace Drupal\custom_ckeditor\Plugin\CKEditorPlugin; use Drupal\editor\Entity\Editor; use Drupal\ckeditor\CKEditorPluginBase; /** * Defines the "dialogadvtab" plugin. * * @...
1
vote
1answer
185 views

hook_editor_js_settings_alter()

I am using hook_editor_js_settings_alter() to disallow HTML tags in Ckeditor. It is only working in node edit form, and Ckeditor is in edit mode. Wen I preview the published page it allows the tags in ...
0
votes
0answers
26 views

WYSIWYG editor not showing result of custom form backend

I've created a module. In this module, I've created a custom form with some parameters. In theses parameters, I have this field : $form[self::DESCRIPTION_PAGE] = array( self::TYPE => '...
0
votes
0answers
229 views

Ckeditor Allow all html tags and disallow a few

By default Drupal provides a form under text formats to allow some html tags, then it will disallow anything not in this allow list. I would like to do the opposite of this. Allow all html tags then ...
0
votes
1answer
372 views

CKEditor Image Button: Cannot insert images in body of a basic page - “Image field is required”

I am using CKEditor and WYSIWYG. After updating Drupal core to 8.5.6, I cannot upload an image using the CKEditor's 'image' button anymore saying "Image Field is required." I have checked CKEditor's ...
0
votes
0answers
171 views

TinyMCE and WYSIWYG not sizing the images I select properly. Image Resize Filter doesn't work either

I am using WYSIWYG and tinyMCE. I select an image by clicking on the insert/edit image icon in WYSIWYG toolbar, and I can clearly see in the File Browser that it is 64px by 64px. When I click on the ...
0
votes
1answer
43 views

Gray overlay and no dialog when clicking Image button in CKEditor

Attempting to get CKEditor and Media to work together on a Drupal7 site. Things are mostly working great, but when I click the regular Image button (or double-click an image, or use the context menu ...
1
vote
0answers
95 views

Properly export text format and editor settings

I'm trying to export the CKeditor settings and restricted_html settings but it's partially imported in the end. I'm exporting the editor.editor.restricted_html.yml and the filter.format....
0
votes
1answer
209 views

How do I disable/enable the Advanced Content Filtering (ACF) in CKEditor 4.8.0?

Please tolerate me for asking such a question. All the answers I found are for Drupal 7. There is barely any talk on this issue for Drupal 8. I am a beginner in Drupal and I am not a programming ...
0
votes
2answers
192 views

Allow users to use embedded HTML tags in custom blocks

I'm using CKEditor in Drupal 8 and the client wants to write HTML that contains embedded tags like so <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#...
0
votes
2answers
31 views

How can I set a custom CKEditor on only one field?

I'm using Drupal 8. I have a field that can only allow for specific styles, so I created a custom CKEditor and set the field to use it. Now when I go to the field on the content edit form, I see the ...
1
vote
0answers
236 views

CKEditor, create a dropdown button

From Drupal 8, I'm looking for create a very sample CKEditor plugin (CKEditor version 4.8). This plugin allows the user (me) to add quickly specifics tag in the text. After some google search, I find ...
0
votes
0answers
43 views

“Edit Image” failing with “The specified file foo-man-chu.webp could not be uploaded.”

I am attempting to replace a JPEG with a WEBP image within the Body of a Basic page, editing with CKEditor. I have added ImageMagick and GraphicsMagick alongside GD and the debug information shows ...
0
votes
0answers
68 views

How to have a WYSIWYG in all “Help text” field area

By default, the "Help Text" area that you can fill for a field in the Edit field form of a content type (or taxonomy, or...) doesn't use ckeditor. Here is what we can see under the text area: ...
0
votes
0answers
18 views

Issue with link toggle

I have a Drupal 7 site that is using the CKEditor module (version 7.x-1.18). When you click on the link it toggles back and forth from "Switch to plain text editor" to "Switch to rich text editor". I ...