Support » Plugin: Enlighter - Customizable Syntax Highlighter » Inserting button to frontend tinyMCE

  • Resolved mario83s

    (@mario83s)


    Hi, I love your plugin. Few question though, I have the buttons on the backend while writing posts, but I also have frontend editor for user submitted content, but the Enlighter buttons are not visible there.
    How can I add them? Ty

    https://wordpress.org/plugins/enlighter/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Andi Dittrich

    (@andi-dittrich)

    Dear mario83s,
    currently the VisualEditor integration is only enabled within the backend, because without other 3rd party plugins WordPress doesn’t support this feature.

    Which frontend editing plugin you’re using ? If it is based on the latest TinyMCE release it might be possible to enable Enlighter’s visual editor features.

    best regards, Andi

    mario83s

    (@mario83s)

    Hi Andi,

    I’m using tinyMCE 4 on WordPress 4.0.
    I’m asking this because I have installed another syntax higlhighting plugin named wp-synhighlight, and that plugin has successfully integrated to the frontend editor. So I figured, there must be a way! But I installed it just for testing purposes. As I want to use your plugin at my website, I would really appreciate your help for integrating Enlighter buttons on the frontend.

    Plugin Author Andi Dittrich

    (@andi-dittrich)

    I think it’s a great idea to enable frontend editing.
    But which kind of tinyMce plugin you’re using to achieve it (plugin url please) ? – it’s not a native WordPress feature.

    Generally Enlighter uses it’s own TinyMCE plugin for backend-editing which is integrated into WordPress’ event-hook system – with some modifications it should also work on the frontend.

    mario83s

    (@mario83s)

    Well.. U got me there now.. I really don’t know.. I haven’t installed tinyMCE by my own. I have WP 4.0 so I’m guessing I’m using native WP_editor.

    This is how it looks on my submit page:

    <?php 
    
    								$settings = array(
    									'wpautop' => true,
    									'postContent' => 'content',
    									'media_buttons' => false,
    									'editor_css' => '<style>.mceToolba { background-color: #faf9f4; padding: 5px; }</style>',
    									'tinymce' => array(
    										'toolbar1' => 'bold,italic,underline,blockquote,separator,strikethrough,bullist,numlist,justifyleft,justifycenter,justifyright,undo,redo,link,unlink,fullscreen',
    										'toolbar2' => 'pastetext,pasteword,removeformat,|,charmap,|,outdent,indent,|,undo,redo',
    										'toolbar3' => '',
    										'toolbar4' => ''
    									),
    									'quicktags' => false
    								);
    
    								wp_editor( $postContent, 'postContent', $settings );
    
    							?>

    And on the other page I’m calling it with

    <?php echo the_content(); ?>

    As I have tinyMCE set to true, I figured that I’m using tinyMCE. But it looks like it is native WP text editor..

    Plugin Author Andi Dittrich

    (@andi-dittrich)

    Of, course yor’re using a “selfmade” front-end editor based on the buildin wp_editor function (currently tinymce 4).
    It is possible to integrate Enlighter, but i have to create a working font-end editing example for development.

    Plugin Author Andi Dittrich

    (@andi-dittrich)

    Dear mario,

    i’ve added your feature request to the new v2.4 release.
    You have to enable the frontend editing function: Enlighter Settings Page -> Advanced -> TinyMCE Integration (Visual Editor) -> Enable Frontend Integration.
    This feature also requires a logged-in user with edit_posts and/or edit_pages privileges and is only available for the wp_editor function – no thrid party editors are supported!

    best regards, Andi

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Inserting button to frontend tinyMCE’ is closed to new replies.