Questions tagged [trumbowyg]
Trumbowyg is a lightweight jQuery plugin used to transform a textarea into a HTML Editor.
52
questions
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 <...
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:
['...
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={...
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....
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 ...
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 ...
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-...
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::...
-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 ...
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 ...
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: {
...
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....
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 ...
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.
...
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 ....
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 [...
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 ...
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 ...
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 ...
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>
<...
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: ['...
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 ...
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 ...
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 &...
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 ...
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 ...
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 ...
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 ...
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
...
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 '...
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='...
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 ...
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 ...
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/
/* ===========================================================
*...
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-...
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 ...
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=...
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 ...
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 ...
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 ...
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 ...
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 ...
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/...
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(...
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:...
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 ...
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,...
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 ...
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 ...
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 ...