<p>The very useful <a href="https://github.com/aelvan/RedactorStyles-Craft" rel="nofollow noreferrer">Redactor Styles plugin</a> has stopped working for me. I have the little wand in the toolbar, and appropriately styled entries in the drop down, but clicking on them does nothing.
<img src="https://i.sstatic.net/3eDMD.png" alt="toolbar with dropdown"></p>

<p>Styles JSON Object:</p>

<pre><code>[
  {
    "btnName": "Button Link",
    "className": "redactor_format_button",
    "spanClass": "button_link"
  },
  {
    "btnName": "air",
    "className": "redactor_format_air",
    "spanClass": "air"
  },
  {
    "btnName": "water",
    "className": "redactor_format_water",
    "spanClass": "water"
  }
]
</code></pre>

<p>Redactor config file:</p>

<pre><code>{
  /* docs say 'json', but really we are allowed basic javascript object */
  /* allowedTags: need inline for RedactorStyles */
  allowedTags: ['a', 'blockquote', 'br', 'div', 'dl', 'dt', 'dd', 'em', 'h2', 'h3', 'hr', 'i', 'iframe', 'img', 'inline', 'li', 'ol', 'option', 'p', 'select', 'span', 'strong', 'ul', 'video'],
  formattingTags: ['p', 'blockquote', 'h2', 'h3'],
  buttons: ['html','|','formatting','|','bold','italic','|','unorderedlist','orderedlist','|','link','image','video', '|', 'horizontalrule'],
  plugins: ['fullscreen', 'styles', 'pagebreak', 'clips'],
  stylesJson: RedactorStyles.stylesJson
}
</code></pre>

<p>The field is using that configuration, and neither <code>Clean up HTML?</code> nor <code>Purify HTML?</code> is checked. This used to work, and I don't think I've changed anything (famous last words...)</p>

CC BY-SA 3.0
2014-10-01T20:20:59.103Z
Any JS errors in your browser's console?
Brad Bell
CC BY-SA 3.0
2014-10-01T20:36:22.150Z
No JS errors unfortunately
Marion Newlevant
CC BY-SA 3.0
2014-10-01T22:41:02.370Z
Beats me... I can't even get the wand icon to show up. :(
Brad Bell
CC BY-SA 3.0
2014-10-01T23:28:01.073Z
@BradBell wand icon: [this](http://craftcms.stackexchange.com/questions/2202/redactorclips-and-redactorstyles-plugins-not-working?rq=1) question...
Marion Newlevant
CC BY-SA 3.0
2014-10-02T09:14:18.533Z
Seems like all my redactor plugins has stopped working. I'll look into it.
André Elvan
CC BY-SA 3.0
2014-10-02T10:25:15.853Z
I spoke too soon, my bad, they should work. Except, setting inline styles with Redactor Styles is broken. There's something fishy going on, span's are created inside redactor, but removed somewhere along the way.  I have to debug some more to see if I can find a fix for it. Marion, are the styles you've set up inline styles? If not, could you update your question with the stylesJSON code (from the plugin settings page)?
André Elvan
CC BY-SA 3.0
2014-10-02T16:39:31.920Z
@AndréElvan I think they're inline? Added the stylesJSON to the question
Marion Newlevant
<redactor><plugin-redactorstyles>
Redactor Styles Plugin stopped working
# Redactor Styles Plugin stopped working

(Asked by: username_0 on 2014-10-01)

The very useful Redactor Styles plugin has stopped working for me. I have the little wand in the toolbar, and appropriately styled entries in the drop down, but clicking on them does nothing.

Styles JSON Object:
[
  {
    "btnName": "Button Link",
    "className": "redactor_format_button",
    "spanClass": "button_link"
  },
  {
    "btnName": "air",
    "className": "redactor_format_air",
    "spanClass": "air"
  },
  {
    "btnName": "water",
    "className": "redactor_format_water",
    "spanClass": "water"
  }
]

Redactor config file:
{
  /* docs say 'json', but really we are allowed basic javascript object */
  /* allowedTags: need inline for RedactorStyles */
  allowedTags: ['a', 'blockquote', 'br', 'div', 'dl', 'dt', 'dd', 'em', 'h2', 'h3', 'hr', 'i', 'iframe', 'img', 'inline', 'li', 'ol', 'option', 'p', 'select', 'span', 'strong', 'ul', 'video'],
  formattingTags: ['p', 'blockquote', 'h2', 'h3'],
  buttons: ['html','|','formatting','|','bold','italic','|','unorderedlist','orderedlist','|','link','image','video', '|', 'horizontalrule'],
  plugins: ['fullscreen', 'styles', 'pagebreak', 'clips'],
  stylesJson: RedactorStyles.stylesJson
}

The field is using that configuration, and neither Clean up HTML? nor Purify HTML? is checked. This used to work, and I don't think I've changed anything (famous last words...)

**Tags:** redactor, plugin-redactorstyles

> **Comments:**
> **username_1**: Any JS errors in your browser's console?  
> **username_0**: No JS errors unfortunately  
> **username_1**: Beats me... I can't even get the wand icon to show up. :(  
> **username_0**: @BradBell wand icon: [this](http://craftcms.stackexchange.com/questions/2202/redactorclips-and-redactorstyles-plugins-not-working?rq=1) question...  
> **username_2**: Seems like all my redactor plugins has stopped working. I'll look into it.  
> **username_2**: I spoke too soon, my bad, they should work. Except, setting inline styles with Redactor Styles is broken. There's something fishy going on, span's are created inside redactor, but removed somewhere along the way.  I have to debug some more to see if I can find a fix for it. Marion, are the styles you've set up inline styles? If not, could you update your question with the stylesJSON code (from the plugin settings page)?  
> **username_0**: @AndréElvan I think they're inline? Added the stylesJSON to the question  

---

## 0 answers

