question-mark

Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Application CSS is overridden by Trumbowyg Content

See original GitHub issue

Issue Description

Whenever custom CSS styles are applied to the Editor it will override the default CSS of the application running the editor.

Simple CSS like below will shrink the font of nearly the entire application

body{font-size:.7em}

What is the best way to implement trumbowyg in a rails application so the CSS does not override the default application CSS?

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:11 (6 by maintainers)

github_iconTop GitHub Comments

2reactions
zeknoxcommented, Aug 18, 2015

Is there some way to render trumbowyg in a way similar that functions like a seamless iframe where the CSS within the editor is segregated from that of the running application?

This seems quite brittle that the content within the editor has the ability to manipulate the entire view of the application.

2reactions
zeknoxcommented, Aug 18, 2015

The editor still needs to allow for style tags to work properly, but only scoped to the content within the wysiwyg editor.

This HTML content within the editor is rendered elsewhere in a view, which is why the styles still need to work. It just shouldn’t allow the styles to override the apps default CSS that is rendering trumbowyg inline.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Adding new line in Trumbowyg editor - Stack Overflow
I've managed to do this - I've added a keypress event for e.ctrlKey && (e.keyCode === 13 || e.keyCode === 10) keys with...
Read more >
Plugins | Trumbowyg: A lightweight WYSIWYG editor
Trumbowyg is a jQuery plugin for create WYSIWYG editor. ... paste plugin handle paste events, clean the HTML code before insert content into...
Read more >
OrchardCMS/OrchardCore - Gitter
I'm trying to override the Shape Template of the Editor of part ContainedPart with is named Listpart_ContainerId . I've copied the original ListPart.ContainerId ......
Read more >
Documentation of Trumbowyg : a lightweight WYSIWYG editor
If you don't want the page style to impact on the look of the text in the editor, you will need to apply...
Read more >
Secure Input Option on Text Based Fields - Plant An App
DNN Text Editor; Large Text; Simple Rich Text; Text Box; Trumbowyg ... Only the CSS properties listed below will be allowed when Secure...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found