Questions tagged [trumbowyg]

Trumbowyg is a lightweight jQuery plugin used to transform a textarea into a HTML Editor.

Filter by
Sorted by
Tagged with
0 votes
1 answer
295 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 <...
user avatar
0 votes
1 answer
67 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: ['...
awilkinson's user avatar
  • 1,581
0 votes
2 answers
174 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={...
devcrazy's user avatar
  • 505
0 votes
2 answers
294 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....
s k's user avatar
  • 4,394
0 votes
1 answer
937 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 ...
Izyshen's user avatar
  • 11
0 votes
1 answer
220 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 ...
adaja1991's user avatar
0 votes
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-...
Michael Scott Asato Cuthbert's user avatar
1 vote
1 answer
296 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::...
Katherine Chalmers's user avatar
-2 votes
1 answer
266 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 ...
zfa's user avatar
  • 1
1 vote
2 answers
1k 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 ...
Kane's user avatar
  • 375
0 votes
1 answer
680 views

Insert a predefined text for Trumbowyg via dropdown button

I have created a custom dropdown for trumbowyg following this guide, but am stuck on how to really insert a text when a dropdown button is clicked. $('.editor').trumbowyg({ btnsDef: { ...
shaNnex's user avatar
  • 1,043
0 votes
2 answers
148 views

Prevent function from being called immediately when passing arguments

I have the following code, which works var settings = trumbowyg.o.plugins.giphycrumbs; settings = $.extend(true, {}, defaultOptions, trumbowyg.o.plugins.giphycrumbs || {} ); if(!settings....
GrumpyCrouton's user avatar
0 votes
1 answer
105 views

Function stored to a variable not running when called

I'm working on a plugin for Trumbowyg where I'm trying to store a function in a variable so it can be called later but also be over-writable without altering the included javascript file. The problem ...
GrumpyCrouton's user avatar
1 vote
0 answers
118 views

active admin editor is not uploading form successfully

ActiveAdmin Trumbowyg is not working properly. I have added upload option using it and uploaded file as per code give here. It successfuly uploads the file, but it is not inserted inside text area. ...
adi's user avatar
  • 25
2 votes
1 answer
5k views

Trumbowyg: How to put text using Jquery .html() or .text()

How to put retrieved text into Trumbowyg Textarea. I want to edit saved content using Trumbowyg. I have getting some text from database using Jquery Ajax. I am trying to put text using .html() and ....
sarbudeen's user avatar
  • 171
0 votes
1 answer
642 views

In editor trumbowyg , replace div tag with p tag

trumbowyg rich text editor adds p tag on each line break, need to replace p tag with div tag. setting property 'semantic': false on initialization does not seem to be working <trumbowyg [...
Varsha Bommarabettu's user avatar
0 votes
1 answer
2k views

Trumbowyg is not a function | Javascript Error

I am working with the laravel framework and trumbowyg (javascript rich text editor, see: https://alex-d.github.io/Trumbowyg/). I am building a page where the user can edit his post and save it ...
Robert Wolf's user avatar
0 votes
0 answers
278 views

How to fix "name 'self' is not defined" for a Django Singleton Model

I'm trying to create an editable Help page for users on my website using Django v1.11 and Trumbowyg. What I'm trying to accomplish is: Only allowing a superuser to edit the page via a button visible ...
P_Locked's user avatar
0 votes
1 answer
613 views

How to display data in blade laravel blade with html tag

I am using a WYSIWG functionality in my application which works fine. And my problem now is in displaying its data in the user side. I'm trying to use {!! !!} but has no luck on making it work. This ...
Eem Jee's user avatar
  • 1,239
0 votes
0 answers
308 views

Vue component use jQuery inside

I am new to Vue and I don't really understand how I can work with jQuery (or even plain js) inside a component. I have a component component_1.vue which has a form inside: <template> <...
Patrick Schocke's user avatar
0 votes
1 answer
835 views

how to add cloudinary parameters to upload plugin in Trumbowyg

I am using the trumbowyg editor in my project. From the documentation, I know that I can use the following code to set the image upload content of the editor. $('#editor') .trumbowyg({ btns: ['...
Rana. Amir's user avatar
0 votes
1 answer
568 views

Is there a way to change the Trumbowyg editor background?

I have some text in boxes where the text is supposed to be white. This makes the text white in the WYSIWYG as well. Might seem straightforward but the WYSIWYG text box also has white background ...
ThomasVdBerge's user avatar
0 votes
1 answer
1k views

React: Add jquery needed by another library

I want to use the library Trumbowyg in my react project. But the problem is the library throws error jQuery is not defined. I found info that jquery must be somehow exposed to window as global ...
nllsdfx's user avatar
  • 900
0 votes
0 answers
25 views

SCSS: How to select "::before" which have sibling with a specific class [duplicate]

I have been trying to select a ::before element inside a div which have a sibling which specific class name (trumbowyg-link-button). Here, how it look like: What I've tried .trumbowyg-button-group &...
rony36's user avatar
  • 3,287
1 vote
3 answers
2k views

Allow only HTTPS URL in input field

I am using Trumbowyg, a WYSIWYG JavaScript editor which allows rendering images by pasting a URL. So you paste the URL in the field and then click the Confirm button and then it appends the image in ...
Zorgan's user avatar
  • 8,257
5 votes
1 answer
926 views

Trumbowyg: Django server can detect file upload but not image URL input

I'm using Trumbowyg, a WYSIWYG JavaScript editor which has a feature of rendering images from URLs pasted in. It also has an upload plugin which enables uploading local images and custom server side ...
Zorgan's user avatar
  • 8,257
0 votes
1 answer
398 views

How to upload trumbowyg images to my S3 bucket?

I'm using Trumbowyg which is a wysiwyg editor that allows image uploads. It has an image upload plugin which shows how to use Imgur as the image host - however I would like to host my images via AWS ...
Zorgan's user avatar
  • 8,257
3 votes
3 answers
2k views

Adding new line in Trumbowyg editor

I use Trumbowyg editor (https://github.com/Alex-D/Trumbowyg) and I've wanted to override behavior of Enter (which I've already done). I've wanted also to make Ctrl+Enter key combination to add a ...
lukaszkups's user avatar
  • 5,820
1 vote
1 answer
759 views

trumbowyg custom button btnsDef is not working in jquery

$('.trumbowyg').trumbowyg({ btnsDef: { dropdownButtonName: { dropdown: ['btnA', 'btnB'], title: 'Displayed dropdown button name', ico: 'iconName', hasIcon: true ...
Bhargav's user avatar
  • 13
0 votes
1 answer
914 views

Failed to load <resource>: No 'Access-Control-Allow-Origin' header is present on the requested resource

I'm getting this error in my console when I try to load my .svg icons from my S3 bucket: Failed to load https://<my_bucket>.s3.amazonaws.com/static/js/Trumbowyg-master/dist/ui/icons.svg: No '...
Zorgan's user avatar
  • 8,257
1 vote
1 answer
1k views

Textarea with ng-model is not submitting when using wysiwyg

I tried to make a form using ng-submit. In the form there's a textarea that call wysiwyg (it's trumbowyg). When submit it, all form data are submitted but that textarea. <div ng-controller='...
Abaij's user avatar
  • 853
2 votes
1 answer
970 views

panel with buttons doesn't appear on trumbowyg plugin

I'm using a plugin for javascript to have an HTML Editor (WYSIWYG), called Trumbowyg. no errors appear when instantiating an creating elementes with this plugin, but for some reason that I want to ...
Calvin Nunes's user avatar
  • 6,376
3 votes
1 answer
3k views

Inject or Initialize Vue components in generated HTML

I use a an WYSIWYG article editor that generates some HTML for articles that I save in the database and later show to the user. The problem is I need to insert Vue components into this auto generated ...
nilsi's user avatar
  • 10.4k
2 votes
1 answer
3k views

How to add underline button into trumbow editor?

I tried to add underline button into editor but not work. This is code for the trumbowyg editor: https://jsfiddle.net/rbyjgpjg/ /* =========================================================== *...
มะหมิว ทวีบุญ's user avatar
3 votes
1 answer
1k views

Trumbowyg lightweight rich editor svg icons not showing up

I was wondering if anyone has dealt with this plugin: http://alex-d.github.io/Trumbowyg/ I believe I'm doing everything right. The only thing is that svg icons are not showing up? $('#trumbowyg-...
hellomello's user avatar
  • 8,239
1 vote
1 answer
585 views

Using polymer with external js files

I want to use trumbowyg.js in my polymer element, it includes jquery.js and trumbowyg.js. It works fine in Firefox but not in chrome. It gives error, may be because shadow dom lookup/separation in ...
Dheeraj Sarwaiya's user avatar
1 vote
1 answer
2k views

Can´t get Trumbowyg to work. Reference error caught

I'm trying to get Trumbowyg (https://alex-d.github.io/Trumbowyg/) to work and here is the code I'm trying to run: <html> <head> <link href='https://fonts.googleapis.com/css?family=...
Mensur's user avatar
  • 457
3 votes
1 answer
150 views

wordpress deletes <sup> on save comment

I'm trying to implement an WYSIWYG editor to my WP comment section. I experience many difficulties with saving the HTML data in the WordPress database. WP strips many of the HTML tags automatically. I ...
Thijs van Iersel's user avatar
1 vote
1 answer
4k views

Uncaught ReferenceError: $ is not defined - error in console [duplicate]

I'm getting this error in my console, and it relates to a js script i'm using (Trumbowyg WYSIWYG: http://alex-d.github.io/Trumbowyg/) Here's a picture of the browser console with the error: When I ...
Zorgan's user avatar
  • 8,257
0 votes
0 answers
1k views

Trumbowyg not formatting text (Bold, Italic, Strikethrough)

I'm using the Trumbowyg WYSIWYG text editor http://alex-d.github.io/Trumbowyg/ The only buttons i'm using are the Bold, Italic, Strikethrough and InsertImage. Right now, the only button that works is ...
Zorgan's user avatar
  • 8,257
1 vote
1 answer
444 views

Rails: Remove CKEditor along with adding a new migration to drop it

i need to remove 'ckeditor gem' and replace it with 'trumbowyg_rails gem' Ckeditor is properly implemented in all the pages also the migration is done for create_table "ckeditor_assets" how do i drop ...
NjFern's user avatar
  • 161
1 vote
1 answer
934 views

javascript Trumbowyg wysiwyg editor not show active button?

javascript Trumbowyg wysiwyg editor not show active button ? With this code, when fill some char into editor and select all text and then press B button. All text will bold but why B button not show ...
roboert fer's user avatar
6 votes
0 answers
547 views

trumbowyg emoji implementation

I have some trouble with trumbowyg emoji plugin. The dropdown emoji is display but not the emoji icon list, (only the text content as :smile: for example). ../js/Trumbowyg/dist/trumbowyg.min.js ..js/...
Frédéric Venditti's user avatar
0 votes
1 answer
707 views

find match in child elements / trumbowyg

I have a form and i must check element in textarea/ div with trumbowyg. $("#test").keyup(function() { var val = $(this).val(); if (val.match(/{event_title}/g)) { $("p.eventTagTitle").addClass(...
Slawotu's user avatar
  • 58
2 votes
2 answers
5k views

Trumboqyg WYSIWYG editor does not work with Jquery.Validate plugin, "Uncaught TypeError: Cannot read property 'nodeName' of undefined"

I have been pulling my hair out trying to figure this out. I am running jquery 2.2.2 at the moment with the jquery validation plugin. https://jqueryvalidation.org/ And Trumbowyg WYSIWYG Editor. https:...
Chris James Champeau's user avatar
0 votes
0 answers
172 views

Trumbowyg Widget (django) stopped working

While using Trumbowyg django widget (Django FS Trumbowyg https://bitbucket.org/fogstream/django-fs-trumbowyg/), it suddenly stopped working, and the form falls back to a text field. I can't seem to ...
lux's user avatar
  • 411
1 vote
0 answers
740 views

Trumbowyg: data not posted if only an iframe

For a website, I use the jQuery Wysiwyg "Trumbowyg". I have put the plugin "noembed" to add video. Unfortunately, I've noticed something strange: when I try to add only a video ('iframe' from Youtube,...
Scipius2012's user avatar
0 votes
1 answer
3k views

Trumbowyg: Can't get the textarea value in PHP

I'm trying to use a WYSIWYG editor in my Laravel application but I have a bug I can't solve. What works: A form that sends a post request with a text area filled (name = pitch) So the request is ...
KetA's user avatar
  • 11
1 vote
1 answer
1k views

How to implement Trumbowyg in Rails

I want to know how properly implement this gem: Trumbowyg_rails I add all required files. (//= require trumbowyg/trumbowyg, //= require trumbowyg/langs/pl *= require trumbowyg/trumbowyg) Part of ...
Prezes Łukasz's user avatar
1 vote
3 answers
2k views

Clearing the trumbowyg editor in angular

I am currently using the trumbowyg editor on a project and I am having a problems clearing the contents of the editor. Every thing is fine if I want to re-populate the editor by changing the contents ...
Robert Johnstone's user avatar