Front end textEditor like on this forum, for comments

[vxda]

Hi right now on my website www.hate.it. When u want to add a hate (post) u can use basic textarea. I wonder is there a way to use some more advanced editor like for example this one we use on processwire forum. Anyone implemented something simillar ? 

Cheers.

Paweł

[kongondo]

Uh? I get a 'site not installed' message when attempting to view your site.

Don't know if you've seen it but there's a guide on how to implement CKEditor or TinyMCE in the frontend

https://processwire.com/talk/topic/7366-frontend-form-with-tinymce-or-ckeditor-module/

[vxda]

Uh? I get a 'site not installed' message when attempting to view your site.

Don't know if you've seen it but there's a guide on how to implement CKEditor or TinyMCE in the frontend

https://processwire.com/talk/topic/7366-frontend-form-with-tinymce-or-ckeditor-module/

Thanks for reply.

lol i should fix that. , something with www.hate.it.

site can be seen here :

http://hate.it/

Thaks for link i will look it up.

[vxda]

I found that downloading ckeditor and implementing it was way easyer,
Download from here:
http://ckeditor.com/download
Include ckeditor.js on website along with jquery plugin.
 

<?php 

echo '<script src="'.$config->urls->templates.'js/ckeditor/ckeditor.js"></script>';
echo '<script src="'.$config->urls->templates.'js/ckeditor/adapters/jquery.js"></script>'; 
?>

enable plugin for textarea with id selector in your js file
 

function enableCkeditor() {
	$( 'textarea#editor1' ).ckeditor();
};

and woop it works

http://hate.it/add-hate/
you need to be loged in to see form tho .

Hope it helps someone
 

[kongondo]

Whoa! Four lines of code! I have to try this...just for fun...lightning...here I come...

[kongondo]

Hmmm, doesn't work for me....Editor is not loaded

[kongondo]

Ah, got it working. See instructions here: http://ckeditor.com/ckeditor_4.3_beta/samples/replacebyclass.html

The textarea also needs the class 'ckeditor'

[onjegolders]

Love the site

[vxda]

Ah, got it working. See instructions here: http://ckeditor.com/ckeditor_4.3_beta/samples/replacebyclass.html

The textarea also needs the class 'ckeditor'

ye sorry forgot about that

Love the site

Thanks