Questions tagged [trumbowyg]
Trumbowyg is a lightweight jQuery plugin used to transform a textarea into a HTML Editor.
trumbowyg
57
questions
0
votes
0
answers
11
views
How can I set default background color in Trumbowyg
Is there a way in Trumbowyg to set the background color programmatically using the color plugin instead of setting it manually using a mouse click on the UI
0
votes
0
answers
25
views
Click to activate only working in half the window
I'm trying out Trumbowyg, and while it's working very well, there's an issue when it comes to clicking inside it to 'activate' it (i.e. show the cursor) to be able to start typing.
It only activates ...
1
vote
1
answer
36
views
jQuery not recognizing plugins
I am trying to get Trumbowyg, a lightweight WYSIWYG editor, to work with react.
The thing it dependent in jQuery.
This line
console.log($('#description').trumbowyg());
in the snippet below is ...
0
votes
0
answers
49
views
How to add a image class "img-fluid" into the img tag in the Trumbowyg editor
I want to add a bootstrap image class img-fluid into the img tag in the Trumbowyg text editor.
I tried the tagClasses: {img: 'img-fluid'}, I added the bootstrap5 cdn link into my code file but it is ...
1
vote
2
answers
184
views
Adding <i> </i> with any Favicon icon and its automatically creating <SVG> tags in Trumbowyg Editor
Here, In the Trumbowyg editor of project getting some issue.
Actually when I am trying to add code this in source code:
<p>hello</p><p><br></p>
<label class="...
0
votes
1
answer
615
views
Div automatically converts into <p> tag in the Trumbowyg editor
Consider:
I'm using the Trumbowyg HTML editor. In this editor, I've entered some HTML content in the code section, but after adding the HTML, the <div> tags are automatically converted into <...
0
votes
1
answer
98
views
In the Trumbowyg editor, what's the difference between the built in undo/redo and the History plugin?
I've read the doc and tried the demo, but I can't tell the difference between the built in undo/redo and the History plugin.
The default buttons are:
['undo', 'redo'],
The plugin buttons are:
['...
0
votes
2
answers
279
views
Trumbowyg React input data typed reverse order
I'm now integrating Trumbowyg editor into react project.
const [content, setContent] = useState();
return (
<Trumbowyg
onChange={e => setContent(e.target.innerHTML)}
data={...
0
votes
2
answers
459
views
How can I convert MDI Icons to SVG Path?
I am using trumbowyg and I need to create some of the custom SVG icons from MDI (Material Design Icons) Icons
Example:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www....
0
votes
1
answer
2k
views
I'm using trumbowyg as text editor for the textareas in my forum, but how do I echo it?
I didn't find any post related to my problem, so here I go :
I added trumbowyg (it's a WYSIWYG editor) to edit the content in my <textarea></textarea>, and it works just fine when I post ...
0
votes
1
answer
255
views
Pressed state of trumbowyg toolbar buttons not being read out by NVDA but are being read out by VoiceOver
I would like the pressed state of the trumbowyg toolbar buttons (bold/italic etc) to be read out by NVDA screen reader. I have implemented the aria-pressed solution, which works fine for VoiceOver; it ...
1
vote
3
answers
1k
views
Prevent DOM reuse within lit-html/lit-element
I am looking for a way to NOT reuse DOM elements within lit-html/lit-element (yes, I know, I'm turning off one of the prime features). The particular scenario is moving an existing system to lit-...
1
vote
1
answer
354
views
Active Admin Trumbowyg @import not found error in Rails app
I'm trying to add the Trumbowyg WYSIWYG editor to a rails app using Active admin using this gem.
The instructions seem clear, but I'm getting the following error for the scss import:
SassC::...
-2
votes
1
answer
272
views
npm WARN [email protected] requires a peer of jQuery@>=1.8 but none is installed. You must install peer dependencies yourself
npm WARN [email protected] requires a peer of jQuery@>=1.8 but none is installed. You must install peer dependencies yourself.
When i run anything on npm, it gives me above error. How do i solve ...
1
vote
2
answers
2k
views
Trumbowyg: Insert text at caret not working
I have a button and when clicking on it I want to add some text inside the Editor.
I saw some issues where people gave the solution and I tried it. But when I use restoreRange and execCmd with ...