Resolve add TinyMCE editor for Front-end publish.

Bi Heo Bmt — Sat, 17 Jan 2015 10:29:04 +0000

I was finded away add TinyMCE editor to Front-end publish function.

I think it will help someone want to add rich editor to userpro front-end publish.

First you need install TinyMCE plugin into your wp,

Open file functions/frontend-publisher-funtions.php and find :

	function userpro_post_editor($i, $class, $args) {
		if (!isset($args['require_content'])) {$args['require_content'] = 1;} // default for content: required
		?>
			<div class="userpro-field userpro-field-editor" data-key="<?php echo $class; ?>">
				<div class="userpro-input">
				<?php
					echo "<textarea data-custom-error='".__('Provide some content','userpro')."' data-required='".$args['require_content']."' class='normal' type='text' name='$class-$i' id='$class-$i' placeholder='".__('Enter content here...','userpro')."'></textarea>";
				?>
				</div>
			</div><div class="userpro-clear"></div>
		<?php
	}

function userpro_post_editor($i, $class, $args) {

if (!isset($args['require_content'])) {$args['require_content'] = 1;} // default for content: required

<?php

echo "<textarea data-custom-error='".__('Provide some content','userpro')."' data-required='".$args['require_content']."' class='normal' type='text' name='$class-$i' id='$class-$i' placeholder='".__('Enter content here...','userpro')."'></textarea>";

</div>

</div><div class="userpro-clear"></div>

<?php

}

and replace to :

    	function userpro_post_editor($i, $class, $args) {

        $settings = array(
        'wpautop' => true,
        'media_buttons' => false,
        'tinymce' => array(
        'theme_advanced_buttons1' => 'bold,italic,underline,blockquote,|,undo,redo,|,fullscreen',
        'theme_advanced_buttons2' => '',
        'theme_advanced_buttons3' => '',
        'theme_advanced_buttons4' => ''
        ),
        'quicktags' => array(
        'buttons' => 'b,i,ul,ol,li,link,close'
        )
        );

		if (!isset($args['require_content'])) {$args['require_content'] = 1;} // default for content: required
		?>
			<div class="userpro-field userpro-field-editor" data-key="<?php echo $class; ?>">
				<div class="userpro-input">
				<?php
					echo wp_editor('aaaa',$class.'-'.$i,$settings);
				?>
				</div>
			</div><div class="userpro-clear"></div>
		<?php
	}

function userpro_post_editor($i, $class, $args) {

$settings = array(

'wpautop' => true,

'media_buttons' => false,

'tinymce' => array(

'theme_advanced_buttons1' => 'bold,italic,underline,blockquote,|,undo,redo,|,fullscreen',

'theme_advanced_buttons2' => '',

'theme_advanced_buttons3' => '',

'theme_advanced_buttons4' => ''

'quicktags' => array(

'buttons' => 'b,i,ul,ol,li,link,close'

)

);

if (!isset($args['require_content'])) {$args['require_content'] = 1;} // default for content: required

<?php

echo wp_editor('aaaa',$class.'-'.$i,$settings);

</div>

</div><div class="userpro-clear"></div>

<?php

}

😀 back to front-end page and check it :d

Reply To: Resolve add TinyMCE editor for Front-end publish.

acidf — Mon, 19 Jan 2015 18:48:12 +0000

Thanks Bi Heo Bmt 🙂

Reply To: Resolve add TinyMCE editor for Front-end publish.

acidf — Fri, 23 Jan 2015 16:41:44 +0000

Bi Heo Bmt ,
Can you share your file, or a txt file ?

The code does not display correctly !

thanks

Reply To: Resolve add TinyMCE editor for Front-end publish.

Bi Heo Bmt — Fri, 06 Mar 2015 09:14:59 +0000

you can see that by html decode. Good luck !

Resolve add TinyMCE editor for Front-end publish. – UserPro Forums

Resolve add TinyMCE editor for Front-end publish.

Reply To: Resolve add TinyMCE editor for Front-end publish.

Reply To: Resolve add TinyMCE editor for Front-end publish.

Reply To: Resolve add TinyMCE editor for Front-end publish.