Title: Crayon inline code not converted Last modified: January 1, 2021 --- # Crayon inline code not converted * Resolved [alanzucconi](https://wordpress.org/support/users/alanzucconi/) * (@alanzucconi) * [5 years, 5 months ago](https://wordpress.org/support/topic/crayon-inline-code-not-converted/) * Hi, * For years I have used Crayon Syntax Highlighter for my WordPress website. I recently switched to Enlighter when I started using Gutenberg for the new posts. * I would like to use Englither for the previous posts, so I have enabled the compatibility options (Compatibility mode: enabled, the_content: enabled, the_excerpt: enabled, Crayon: enabled, all other options off). This seems to be working fine on all pieces of code, except the inline ones. * If I disable Crayon, the inline code is visualised as normal text. I looked at the HTML code previously created by Crayon, and I can see that the inline code looks something like this: * xxx * which is not recognised by Enlighter. * Is there any way to ensure that Enlighter will render the inline code generated by Crayon? I cannot disable Crayon until this is resolved, as I have hundreds of articles with thousands of pieces of inline code that would otherwise render as text! * Any suggestion would be really appreciated! Viewing 6 replies - 1 through 6 (of 6 total) * Plugin Author [Andi Dittrich](https://wordpress.org/support/users/andi-dittrich/) * (@andi-dittrich) * [5 years, 5 months ago](https://wordpress.org/support/topic/crayon-inline-code-not-converted/#post-13854121) * Hi, * i didn’t know yet that “span” tags were supported: [https://github.com/aramk/crayon-syntax-highlighter](https://github.com/aramk/crayon-syntax-highlighter)? * At the moment only “pre” tags are recognized by the crayon compat mode: [https://github.com/EnlighterJS/Plugin.WordPress/blob/master/modules/compatibility/Crayon.php](https://github.com/EnlighterJS/Plugin.WordPress/blob/master/modules/compatibility/Crayon.php) * You could simply add your own conversion filter (examples for filter functions are available on GitHub). * Thread Starter [alanzucconi](https://wordpress.org/support/users/alanzucconi/) * (@alanzucconi) * [5 years, 5 months ago](https://wordpress.org/support/topic/crayon-inline-code-not-converted/#post-13854128) * Thank you Ani, that was such an incredibly fast reply! * Would you be able to point me towards some resources for the conversion filter you mentioned? I have not done anything like that before, so any advice would be very appreciated! * Plugin Author [Andi Dittrich](https://wordpress.org/support/users/andi-dittrich/) * (@andi-dittrich) * [5 years, 5 months ago](https://wordpress.org/support/topic/crayon-inline-code-not-converted/#post-13855507) * was the “inline” code officially supported by crayon ? do you have any references? * related GitHub thread: [https://github.com/EnlighterJS/Plugin.WordPress/issues/136](https://github.com/EnlighterJS/Plugin.WordPress/issues/136) currently used compat code: [https://github.com/EnlighterJS/Plugin.WordPress/blob/master/modules/compatibility/Crayon.php](https://github.com/EnlighterJS/Plugin.WordPress/blob/master/modules/compatibility/Crayon.php) * Thread Starter [alanzucconi](https://wordpress.org/support/users/alanzucconi/) * (@alanzucconi) * [5 years, 5 months ago](https://wordpress.org/support/topic/crayon-inline-code-not-converted/#post-13855818) * Yes, I can confirm that the “inline” option is officially supported by Crayon. You can see in this screenshot [here ](https://ps.w.org/crayon-syntax-highlighter/trunk/screenshot-4.png?rev=1776616)( from the plugin page) that there is an “Inline” checkbox at the very top right. * It does not add any “pre” or “code” tag, but wraps the selected text into a span with class: ”lang:c# decode:true crayon-inline”. * [This](https://www.alanzucconi.com/2019/10/08/journey-sand-shader-3/) is a page in which I have used the inline function extensively. * Unfortunately I am not experienced enough with plugin development to point you towards the Crayon file where the inline functionality is actually implemented. * It would be pretty handy if Enlighter could support this: it appears to be the last unsupported Crayon functionality, and I imagine there must be other people with a similar need. * If you need any additional information, I would be happy to help! * Thread Starter [alanzucconi](https://wordpress.org/support/users/alanzucconi/) * (@alanzucconi) * [5 years, 3 months ago](https://wordpress.org/support/topic/crayon-inline-code-not-converted/#post-14178834) * For anyone who is interested, I finally took some time to make a quick WordPress plugin that converts Crayon Syntax Highlighter inline code to Enlighter. This way, I could deactivate Crayon for good! * If you are unfamiliar with plugin development, just put the following code in a PHP file in `wp-content/plugins/crayon-to-enlighter/crayon-to-enlighter.php`. It should be automatically recognised as a plugin by WordPress which you can enabled. * It does not alter your posts, so it can be safely disabled without any permanent change being made. It is far from perfect, but I have not have any issue (and I have hundreds of posts using both Crayon and Enlighter heavily). * Let me know if you have any suggestion/improvement! * ``` xxx // // Enlighter inline equivalent code: // // float[] Xs add_filter('the_content', function($content) { // crayon filter regex $regex = // xxx '/' . // content of the span tag // (+? captures as little as possible) '(.+?)' . // closing tag '<\/span>' . // case insensitive, multiline '/im'; // xxx $replacement = '${2}'; return preg_replace($regex, $replacement, $content); }, 1); ?> ``` * Plugin Author [Andi Dittrich](https://wordpress.org/support/users/andi-dittrich/) * (@andi-dittrich) * [5 years, 3 months ago](https://wordpress.org/support/topic/crayon-inline-code-not-converted/#post-14178999) * Hi [@alanzucconi](https://wordpress.org/support/users/alanzucconi/) , * sry. it didn’t get a notice about your previous post. Thanks for the docs, i’ll add inline support to one of the next releases. Viewing 6 replies - 1 through 6 (of 6 total) The topic ‘Crayon inline code not converted’ is closed to new replies. * ![](https://ps.w.org/enlighter/assets/icon-256x256.png?rev=1215872) * [Enlighter - Customizable Syntax Highlighter](https://wordpress.org/plugins/enlighter/) * [Frequently Asked Questions](https://wordpress.org/plugins/enlighter/#faq) * [Support Threads](https://wordpress.org/support/plugin/enlighter/) * [Active Topics](https://wordpress.org/support/plugin/enlighter/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/enlighter/unresolved/) * [Reviews](https://wordpress.org/support/plugin/enlighter/reviews/) ## Tags * [crayon](https://wordpress.org/support/topic-tag/crayon/) * 6 replies * 2 participants * Last reply from: [Andi Dittrich](https://wordpress.org/support/users/andi-dittrich/) * Last activity: [5 years, 3 months ago](https://wordpress.org/support/topic/crayon-inline-code-not-converted/#post-14178999) * Status: resolved