Questions tagged [wysiwyg]

WYSIWYG (What You See Is What You Get) describes editors for graphical design which commonly do not require knowledge of the code underlying the product. The editor translates the user's edits back into a markup language such as HTML. Examples include Microsoft Visual Studio, Adobe Dreamweaver's design view and many CMS editors.

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

CKEditor mentions (autocompletion) having a different text content and mention id?

I am trying to add a plugin into CK Editor where I can alter the textContent of the mention to be the value of the attribute label. function MENTION_ENGINE( editor: Parameters< ...
szczuroskoczek's user avatar
0 votes
0 answers
12 views

How to include richeditor styles in October Cms?

When using rich editor output block already have class names. But there is no styles for them in the client. I'm currently using demo theme to explore. I tried aligning image in the rich editor, but ...
yviazovskyi's user avatar
0 votes
0 answers
26 views

Wysimark on plain JS

There is Wysimark - WYSIWYG Markdown Editor. I need add it to page with plain JS, using <script> tag. I installed it with pnpm add @wysimark/standalone For some reason, it is not written in the ...
FreeStyler's user avatar
0 votes
0 answers
8 views

How do you highlight codeblock with tiptap?

Is there a way to highlight code when using TipTap? Using the default simple editor I can create block of code when using three backticks but, those are not highlighted. import { Editor } from '@...
David Dal Busco's user avatar
0 votes
0 answers
8 views

Django Summernote not showing up in Linode Server

I've added Django summernote to my post model and it's working perfectly in localhost. However, the summernote field is not showing up in the server. I am using DJango+Gunicorn+Nginx in Linode. ...
msk7's user avatar
  • 1
0 votes
0 answers
16 views

javascript - wysiwyg editor page separation

I am writing a wysiwyg editor where the user can create a report and print. So far my editor is one continuously scrolling div. I would like to separate that div into "pages" visibly as ...
Matthew Inboden's user avatar
0 votes
0 answers
23 views

How to extend and modify a Wysiwyg form with a accordion functionality

I created a Symfony 6 project and I currently have a form where one of the fields is a wysiwyg field. Picture here: Picture of the wysiwyg field I am now looking to add a additional functionality to ...
Blerdijan Kolic's user avatar
0 votes
0 answers
31 views

Remove underlined hyperlink from the Wordpress WYSIWYG editor

In my application I am using Wordpress as CMS. I retrieved data from the wordpress using angular. In CMS I used WYSIWYG editor and try to display those values within angular page. Everything works ...
Chandika Chathuranga's user avatar
0 votes
0 answers
25 views

Wysiwyg - Copy/Pasted content in editor should be in plain text

I have a Wysiwyg editor, and users copy/paste content from other websites into the editor. Mostly test. When this happens, Wysiwyg keeps the fonts from the website the user copy/pasted from. I want ...
Roddy P. Carbonell's user avatar
0 votes
0 answers
26 views

Markup is broken migrating from CKEditor 4 to CKEditor 5

In CKeditor 4 my content looks like this: I tried to migrate to CKEditor 5, made a custom build with full page HTML support, styles support, etc. I copied full HTML which was used in CKEditor 4 and ...
Gino Pane's user avatar
  • 4,760
0 votes
0 answers
11 views

Interactions between the dialog box and the tinymce 6 window

I'm trying to make a plugin (tinymce 6) that will find basic WCAG 2.1 errors. I'm stuck because I don't know how to add buttons that would switch me between the next or previous error, while also ...
tarzinio's user avatar
0 votes
0 answers
40 views

jsPDF and HTML2Canvas always outputting blank PDFs from TinyMCE content

I'm using jsPdf and HTML2canvas to download TinyMCE6 content as a PDF, but the PDF is always blank. function generatePdf(content) { console.log('Content is:', content) const { jsPDF } = ...
Ryan's user avatar
  • 1
0 votes
0 answers
33 views

How to set default Paragraph format to Normal(DIV) in CKEditor 4.x?

When autoParagraph config in CKEditor 4 is set to 'true' or not set at all, I see Paragraph format is set to Normal(DIV) by default. When autoParagraph config in CKEditor 4 is set to 'false', how can ...
sudheerbb's user avatar
0 votes
0 answers
16 views

Where can I start the wysiwyg html editor in tinymce to edit an existing html file?

I just want to edit some html files that I already have, using the tinymce wysiwyg html editor please. I have created a free tinymce account, but have absolutely no idea where to find this editor on ...
cainss21's user avatar
0 votes
1 answer
13 views

How to do this in a WYSIWYG editor?

I need to make these two leaflets go side by side, instead of up and down. Anyone know how to do this? Whenever it try to make them go side by side it flanks. I would appreciate any imput, or if there ...
user9073887's user avatar
-2 votes
1 answer
101 views

Is there a way to render LaTeX equation which is provided through Delta in Flutter?

I am working on a app in which I have to display rich text. So this rich text will be coming from Quill Rich Text Editor. Quill exports this rich text in Delta format which is basically a json which ...
Sanket More's user avatar
0 votes
0 answers
25 views

How to update froala editor toolbar drop down options dynamically

In the below code, I am trying to create a dropdown for showing some options to be selected by the user in @froala-editor. Here the problem is am fetching this drop-down data from the backend and am ...
Jatin kumar's user avatar
1 vote
1 answer
176 views

Can we use wysiwyg editor with antd form?

I have to use react-draft-wysiwyg which is an editor and previously I was handling it via react states. Now, I was thinking if there is a way to use it with antd form. Here is my code, import { Editor ...
Muhammad Umais Hassan's user avatar
0 votes
1 answer
108 views

add Insert Shortcode Option in Wordpress Wysiwyg

I've been creating my own shortcodes for some time now, which have been really helpful. I was wondering if there is a way to add a button, just above the default Wordpress editor similar to the "...
mwgideon's user avatar
0 votes
0 answers
51 views

Upload images to cloud server like cloudinary/imgbb using tinymce text editor

I am trying to implement tinymce richtext editor in a next js app. I want to know how to implement the image upload functionality where user could select an image from their local device, then the ...
Hasan's user avatar
  • 1
1 vote
1 answer
37 views

Changing content created with ContentTools library in Javascript

What I want to do is change the content that has been created with content tools by using javascript. For example: <div data-editable data-name="content"> <p id='p-text'>This ...
Furkan's user avatar
  • 19
0 votes
0 answers
13 views

Add custom CSS to Wordpress Editor MCE dropdown

I've been experimenting and added some customization to the Wordpress Editor, but would like to find out how to edit / add the css to how the drop-down selection looks. Currently when an option is ...
mwgideon's user avatar
0 votes
0 answers
20 views

WYSIWYG with rulers

I use react project to develop letter editor application. but, i need to adding rulers (like ms. word) for users to tidy up the format. you guys have some experience about this? (WYSIWYG) WYSIWYG with ...
Lipsum's user avatar
  • 11
0 votes
0 answers
17 views

How to put scrollbars on MDBootstrap WYSIWYG Editor

I am using the WYSIWYG editor that is one of the components of MDBootstrap 5 Pro, and I am displaying it in a modal window. Here's the code: <div class="modal frame fade bottom" ...
TC_Guy's user avatar
  • 137
1 vote
0 answers
94 views

React-Quill: How can I prevent the quillJS format from automatically being applied when new characters are typed?

I am loading an html string that represents the editor contents from my database. I want to underline/bold specific words in that string: ex. one two three four five I've figured out how to apply ...
Jack's user avatar
  • 128
0 votes
0 answers
93 views

How to change Tiptap wrapper to React?

what needs to be fixed to remove the extra wrapper div, or how to add styles for it? import {useEditor, EditorContent} from '@tiptap/react' import StarterKit from '@tiptap/starter-kit' export default ...
parfentev's user avatar
0 votes
0 answers
56 views

Pasting Excel cell as Image in Jodit WYSIWYG

Is there any config in the Jodit library to paste the Excel cells as images into the WYSIWYG editor? Scenario Copy Excel cells with Ctrl + C Paste the copied Excel cells as images into the Jodit ...
Newbie's user avatar
  • 1,433
1 vote
0 answers
74 views

Add a WYSIWYG editor to the Variation Description in Woocommerce

Is it possible to put a WYSIWYG editor for the Variation Description?
Karim Krimou's user avatar
0 votes
0 answers
224 views

react-draft-wysiwyg is formatting the text apparently but convert into simple text when it goes to DB

the editor is not providing the formation after the data goies to DB it goes to DB as plain text but show as a formattedtext import React, { useState, useEffect } from "react"; import { db, ...
Abdullah Naseer's user avatar
0 votes
1 answer
235 views

React Text editor AI typeahead/autocomplete

Is there a way to add a chatGPT like typeahead/auto completion with react Quill or editor js? The one where I can start typing and AI will give me text suggestion from Open AI API which I can append ...
Abdulhakim's user avatar
0 votes
0 answers
14 views

How to escape from current format in summernote?

I am using Summernote (WYSIWYG) editor in my application. the problem is, when I copy dummy paragraphs or text from somewhere, like Lorem ipsum, it keeps one format. for example when I want to add a ...
XtyLish Sam's user avatar
0 votes
0 answers
118 views

Re-write content in the ACF WYSIWYG editor using jQuery on a button click

I am trying to code a plugin for Wordpress to integrate an option to generate content using Chat GPT for some ACF custom fields. I have 3 ACF WYSIWYG editors inside an ACF group and I have used the ...
DSW's user avatar
  • 1
0 votes
0 answers
18 views

How to commit changes made to the HTML iframe

I am building a wysiwig system. It changes code using DOM api in iframe document but, after reload all the changes disappear from website. How to save edits in html that iframe points to?
Kleokamoto's user avatar
0 votes
0 answers
26 views

React wysiwyg with hastag/user autocomplete & document support

I have need of a wysiwyg that can do images, with aouto tagging of users ala "@" then it shows list when start typing, so I can select. I also need users to be able to use pdfs/txt files, ...
james emanon's user avatar
  • 11.3k
0 votes
0 answers
26 views

Regarding how to limit the number of characters entered in sumernote

I am using summernote in my app. I want to limit the number of characters that can be entered in the text input area. Therefore, I have included processing to limit the number of characters in the ...
works shimanouchi's user avatar
0 votes
2 answers
140 views

Wysiwyg Editor for components / vuetify

I really hate ui designing. So i thought about building my own wysiwyg editor.. Just for fun and a new challenge. Has anyone of you experience with it and tried something like that? Thanks in advance, ...
Jk164's user avatar
  • 1
1 vote
0 answers
63 views

How to change the default value of toolbar in WYSIWYG editor in React JS

Have customized only the required toolbar to present in my editor. Need to change the default text of dropdowns present in the WYSIWYG editor Tried to place the default Value and tried to concat the ...
aji bala's user avatar
1 vote
0 answers
26 views

wysiwyg summernote text editor - unable edit and save more than 700 words on the text editor

I am using summernote text editor. First time I can add more than 700 words but I am unable edit and save more than 700 words on the text editor. Here is the code I am using. <div ...
Joel 's user avatar
  • 71
1 vote
0 answers
29 views

Render function after document ready at vueJS

I want to initiate Wysiwyg dynamically by clicking the button at VueJS app. With condition: if users already click more than twice. But there are errors "Cant convert null object ......" How can I ...
DIR's user avatar
  • 57
0 votes
0 answers
58 views

How to change the display position of the options in React Draft Wysiwyg RTE

Using React Draft Wysiwyg RTE in my application. Displaying toolbar inside a modal, so need to display the dropdown options of "Font-Family" towards at top Tried applying menuTopPlacement as ...
aji bala's user avatar
0 votes
0 answers
22 views

I'm looking for a text editor just like this stack overflow textArea editor that returns non- html using EJS

textArea = This text is bold expectedOutput = This text is bold output = < p > This text is bold < /strong >< /p > Is there an editor that can enable me render the expected output?
Ese Eruotor's user avatar
0 votes
0 answers
30 views

Why isn't my Vue.js WYSIWYG Editor tagging correctly?

I'm trying to create a simple wysiwyg-Editor with Vue. https://codesandbox.io/s/loving-tree-b0ullo?file=/src/components/FormatEditor.vue When I'm trying to tag something, then it's working well for ...
LillyCode's user avatar
0 votes
0 answers
15 views

Need help troubleshooting: React WYSIWYG editor dropdowns closing immediately after opening

Using React WYSIWYG (what you see is what you get) rich text editor, I am able to create an editor box, but I'm having a bug where the dropdowns close immediately after opening. I have not specially ...
Mel Habip's user avatar
  • 109
0 votes
1 answer
62 views

Implementing medium editor in a django app

How can I use https://github.com/yabwe/medium-editor in my django app, I try creating a form with: <script src="https://cdn.jsdelivr.net/npm/medium-editor@latest/dist/js/medium-editor.min.js&...
Chiko's user avatar
  • 11
0 votes
0 answers
41 views

Is it nature of android summernote editor that page is scrolled down when I click editor area?

Whenever I click editor, page is scrolled down. I think it is for positioning first line of editor area. I just want nothing is changed on display whatever I do. [before I click] [after I click] ...
loveloper.dev's user avatar
0 votes
0 answers
65 views

How to refresh the content of ProseMirror/Telerik Blazor wysiwyg editor?

I'm using Telerik Editor (which is wrapping ProseMirror wysiwyg editor) and have a problem with loading new content into the editor. I have a list of elements which when selected changes the @bind-...
krautvaffen's user avatar
0 votes
0 answers
88 views

TinyMCE and Prism code highlighter wraps all code in one line

I am using tinymce editor with laravel to publish articles in my website. I used tinymce codesample plugin and prismjs to highlight code of my articles. the code is highlighted properly but the ...
Mohammad Salim Hosen's user avatar
0 votes
0 answers
242 views

How do i get tinymce to work in a livewire dialog modal

My issue, I have a modal form that shows when a button is clicked. The modal is showing but the description field is not rendering the tinymce editor. I have simplified my initial design down to a ...
ThurstonLevi's user avatar
1 vote
0 answers
80 views

Changing List Style Type inside Froala Editor Table not working

In React App, Steps to produce the problem: Add Table inside Froala Editor Select any cell of the Table. Now click on List tool from the toolbar. (Ordered List / Unordered List) Now try to change the ...
Paramvir Singh's user avatar
1 vote
0 answers
143 views

How to change color of individual words in a text editor/ fade them out over time

I am trying to create a text box that allows users to type. As they do, the most recent (last) words will be black and the previous ones fade to white. Right now, I have a contenteditable with the ...
mangotango's user avatar

1
2 3 4 5
49