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.

How do I remove inline styles from generated HTML

See original GitHub issue

Apologies if I am missing something here. Adding <li> items in the editor creates <span style="line-height: 1.4em; background-color: initial;">. How do I stop the styles from being added, or at least stop it from submitting with the styles?

Great editor, btw 😃

Issue Analytics

State:
Created 8 years ago
Comments:19 (11 by maintainers)

Top GitHub Comments

2reactions

kntmrkmcommented, Nov 18, 2015

In my case. Temporary hack is below. but it’s very dirty. I’m waiting for better solution.

function cleanUpWasteCode($textarea) {
    var textReplaced = $textarea.val();
    textReplaced = textReplaced.replace(/<strong><br><\/strong>/g, '<br>');
    textReplaced = textReplaced.replace(/<p><br><\/p>/g, '<br>');
    textReplaced = textReplaced.replace(/<strong><\/strong>/g, '');
    textReplaced = textReplaced.replace(/<p><\/p>/g, ''); // put last.

    // for chrome bug. https://github.com/Alex-D/Trumbowyg/issues/103
    textReplaced = textReplaced.replace(/ ?face=[\d\D]* ?/g, '');
    textReplaced = textReplaced.replace(/ ?font-family:[\d\D]*; ?/g, '');
    textReplaced = textReplaced.replace(/ ?font-family:[\d\D]*; ?/g, '');
    textReplaced = textReplaced.replace(/ ?font-size:[\d\D]*; ?/g, '');
    textReplaced = textReplaced.replace(/ ?font-weight:[\d\D]*; ?/g, '');
    textReplaced = textReplaced.replace(/ ?line-height:[\d\D]*; ?/g, '');
    textReplaced = textReplaced.replace(/ ?background-color:[\d\D]*; ?/g, '');
    textReplaced = textReplaced.replace(/ ?color:[\d\D]*; ?/g, '');

    textReplaced = textReplaced.replace(/ ?id="null" ?/g, '');
    textReplaced = textReplaced.replace(/ ?text-align: left; ?/g, '');
    textReplaced = textReplaced.replace(/ style=""/g, '');
    textReplaced = textReplaced.replace(/<>/g, '');
    $textarea.val(textReplaced);
  }

  options = {
    lang: 'ja',
    semantic: true, resetCss: true,
    removeformatPasted: true, // ver. 2.0.0
    fullscreenable: false,
    autogrow: true,
    btns: btns, closable: false
  };

  $('.markdown').trumbowyg(options)
    .on('tbwblur', function() {
      cleanUpWasteCode($(this));
    });

0reactions

Alex-Dcommented, Aug 16, 2016

Can’t reproduce each time, sorry I don’t have the time to fix it.