Trumbowyg is a lightweight jQuery plugin used to transform a textarea into a HTML Editor.
Questions tagged [trumbowyg]
52 questions
0
votes
3 answers
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-element/lit-html that at certain points embeds the…

Michael Scott Asato Cuthbert
- 3,442
- 2
- 22
- 52
0
votes
1 answer
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: {
tagSelect: {
fn: () => {
…

shaNnex
- 1,043
- 2
- 19
- 34
0
votes
2 answers
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.open_modal) {
settings.open_modal = function() {
…

GrumpyCrouton
- 8,486
- 7
- 32
- 71
0
votes
1 answer
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 is, the function is not being called when I try…

GrumpyCrouton
- 8,486
- 7
- 32
- 71
0
votes
1 answer
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

Varsha Bommarabettu
- 334
- 5
- 15
0
votes
1 answer
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 immediatly after he change something.
To achieve my goal…

Robert Wolf
- 191
- 1
- 11
0
votes
0 answers
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 to them
Using the Trumbowyg editor to enter and…

P_Locked
- 13
- 6
0
votes
1 answer
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 is my two data types the first one works with {!!…

Eem Jee
- 1,239
- 5
- 30
- 64
0
votes
0 answers
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:
0
votes
1 answer
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: ['upload'],
plugins: {
// Add imagur…

Rana. Amir
- 187
- 3
- 15
0
votes
1 answer
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 default so the box looks empty.
Is there a way to…

ThomasVdBerge
- 7,483
- 4
- 44
- 62
0
votes
1 answer
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 variable. Authors of the library provide example with…

nllsdfx
- 900
- 14
- 30
0
votes
0 answers
SCSS: How to select "::before" which have sibling with a specific class
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 > button.trumbowyg-link-button {
&:before {
…

rony36
- 3,277
- 1
- 30
- 42
0
votes
1 answer
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 S3. How can I do this?
Here is the relevant code…

Zorgan
- 8,227
- 23
- 106
- 207
0
votes
1 answer
Failed to load : 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://.s3.amazonaws.com/static/js/Trumbowyg-master/dist/ui/icons.svg:
No 'Access-Control-Allow-Origin' header is present on the…

Zorgan
- 8,227
- 23
- 106
- 207