Stack Exchange Network

Stack Exchange network consists of 174 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.

0
votes
0answers
16 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
votes
0answers
17 views

Browse all the server directories to link files

I have installed CKEditor in Drupal 7. Whenever I add nodes in the body field, I select a text and click on link icon on the top of body field text area. A dialog box appears, and then I click browse ...
1
vote
1answer
49 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
18 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
0answers
30 views

Convert Media tags to Markup in database

I am preparing my Drupal 7 site for redesign and need to convert the media tags in into HTML as they are saved to the database - not when the page is rendered. So, I need code like [ [ { ...
0
votes
1answer
77 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 ...
0
votes
0answers
27 views

Fix source path or image on CKEditor/WSYWYG when moving from local to live

I have an issue trying to fix the source path or image path within my CKEditor/WSYWYG. The issue is that I've just moved from my local to live site and there was a change with the URL. Before the URL ...
1
vote
1answer
42 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 ...
0
votes
0answers
69 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
21 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
45 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
0answers
116 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
161 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
118 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
38 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
49 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
32 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
159 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 ...
1
vote
0answers
813 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
46 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
84 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
198 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
74 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
199 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
69 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
19 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
132 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
0answers
61 views

CKEditor addon dependency searching in core module path

I am using Drupal 8 and having custom ckeditor module where I am adding plugins. I have downloaded iframe and fakeobjects addon and placed in the libraries folder. Then in my custom module, under ...
0
votes
1answer
209 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
99 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
26 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 ...
0
votes
0answers
37 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
98 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
66 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
29 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
139 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
21 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
52 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
16 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 ...
0
votes
1answer
81 views

Paste a full SVG content to CKEditor - not working

I tried to paste a full SVG content into the CKEditor Full HTML Source But it gets corrupted and not working
0
votes
1answer
16 views

How to configure Wysiwyg + Ckeditor Library not to breaks source code lines

I'm using WYSIWYG Module with ckeditor as an editor. I use it with the full_html format My problem is that when switching from the rich-code to the source code view all the line breaks are removed. ...
0
votes
0answers
28 views

Edit node content, changes not saved for the first time

I am using Drupal 7, and recently found that when I edit a node, update the body content, save it. When view the result, found that my changes not saved. So I go back to edit page to double check, the ...
0
votes
0answers
49 views

How to allow [ngx-scroll-to] property for anchor tag in CKeditor

We have a AngularJs Template. We were trying to add [ngx-scroll-to] property for anchor tag. But seems to be editor stripping the square brackets when saving the content or when switching to editor ...
0
votes
2answers
287 views

Drupal 8 - Use CKEditor on textarea in custom module's controller response

I am trying to figure out how to use Drupal 8's CKEditor on <textarea></textarea> tags that are part of a controllers markup and not generated from a Drupal form. Has anyone done this or ...
0
votes
0answers
62 views

CKEditor and IMCE modules not working fine

I am having problems trying to integrate IMCE with CKEditor. I have followed readme.txt instructions from IMCE module but it still not working. I have set IMCE on File browser type (Link dialog ...
0
votes
0answers
23 views

Problem with wysiwyg editor

I have just migrated drupal 6 site to drupal 7 . Everything is working fine except wysiwyg inline image upload,i am seeing when i am editing any node all the image links converted into [[...
0
votes
0answers
25 views

Remove character limit for Caption on CKEditor with Media embed

I need to remove or overwrite the maxlength attribute for the caption (currently 128). There is another similar/identical question on this website, but the solution provided is not working. Is there ...
0
votes
0answers
21 views

How to add “open in new tab” option in CkEditor [duplicate]

Now, we can only add link. But our client is looking for an option in Ckeditor for adding an option to addition of "Open in NEW tab" option with Link. Do we have any module or any trick for solution ...
0
votes
0answers
37 views

Ckeditor only shows a textarea

So i created a content type that has a paragraph with a formatted long field in it. The content type itself also has a formatted long field. These two fields should be ckeditor Full html. But when ...
1
vote
1answer
239 views

How to convert the drupal-entity tag into an img tag?

I have a content type with a text field that uses CKEditor, in the editor is possible to add a media entity image, once the image is inserted inside the text the html tag for it is: <p>Document&...