WYSIWYG Post Editor - E-Blah Community

Welcome, Guest.
Please login or register.

Home

Calendar

Welcome to the E-Blah Community!
We would like to welcome you to our community and invite you to register an account or login.
Being a registered member is important, as it gives you several advantages over the normal Guest status. After registering you will be able to download files and images, post messages, and access member-only portions of the forum - just to name a few. Registration is quick and simple, and only takes about a minute of your time.

E-Blah Community › Modifications › Mod Requests and Support › WYSIWYG Post Editor

Moderators: 10 Series Support Team

Users Browsing Forum

No Members and 1 Guests

WYSIWYG Post Editor This thread currently has 386 views.

1 Pages 1

Recommend Thread

Justin

December 29, 2007, 9:52pm

Report to Moderator

The E-Blah Developer
E-Blah Programmer

Posts: 15,075

Gender:

Male

Posts Per Day: 6.52

Reputation: 93.40%

Reputation Score: +297 / -21

Time Online: 36 days 23 hours 27 minutes

Location: Tallassee, AL

Age: 22

The following is EXTREMELY experimental and adds a WYSIWYG editor to the posting text area. Currently it doesn't work well; however, it would be possible to get this to work with a little bit of work.

In Post.pl, search for:

Code

	  </td>
	 </tr>
	</table>
    </td>
   </tr>
   </table>
  </td>
 </tr>
EOT

Add this before it:

Code

<script language="javascript" type="text/javascript" src="/blahdocs/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
	theme : "advanced",
	mode : "textareas",
	plugins : "bbcode",
	theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,undo,redo,center,right,justify,|,bullist,sub,sup,hr,|,link,unlink,image,|,removeformat,code",
	theme_advanced_buttons2 : "fontselect,forecolor",
	theme_advanced_buttons3 : "",
	theme_advanced_toolbar_location : "top",
	theme_advanced_toolbar_align : "left",
	content_css : "/blahdocs/templates/X2/template.css",
	entity_encoding : "raw",
	add_unload_trigger : false,
	remove_linebreaks : false,
	inline_styles : false,
	convert_fonts_to_spans : false,
	auto_resize: true
});
</script>

Next, change your template to be XHTML 1.0 Transitional, in template.html, search for:

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

Replace it with the following:

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

Finally, extract and upload the tiny_mce directory to your blahdocs directory.

It's not the best, but it will semi-work. If you want to expand or fix some things, look into the plugins/bbcode directory and then edit the src.js file. You will need to compress it and add it to the editor_plugin.js file in that directory. The JS Compressor is here: http://javascriptcompressor.com/

The script is TinyMCE, and I really like it. However, it will be a good deal of work to get everything working on E-Blah without cutting down on BBCode features. I post this for anyone who may want to continue the work that I started.

This post contains attachments; to download them you must login.

I do installs for $25 and upgrades for $20.
Technical support is always free.

Donate to E-Blah!

My Websites: Revolution Reality (My Blog) | MinistryTalk.com | Portfolio

"But you, O Lord, are a compassionate and gracious God, slow to anger, abounding in love and faithfulness." — Psalm 86:15 NIV

Logged

Offline

Site

Private message

Justin

December 30, 2007, 4:26pm

Report to Moderator

The E-Blah Developer
E-Blah Programmer

Posts: 15,075

Gender:

Male

Posts Per Day: 6.52

Reputation: 93.40%

Reputation Score: +297 / -21

Time Online: 36 days 23 hours 27 minutes

Location: Tallassee, AL

Age: 22

I have worked a bit more on it today and I believe I may include it.  It's going to be very experimental though.

I just included it in the nightly and packaged a nightly for today.  You can enable it by adding "$BCAdvanced = 1;" to Settings.pl.

All of the features, I think should work all right, but I can't be positive.  The smilies should work, but the extra smilies will not work.  Currently, only the Post page has the Advanced Editor.  Let me know if you try it out.

http://pit.eblah.com/nightlies.php -- Download the nightly from there!

For those that have no clue what this is, here's a screenshot:

This post contains attachments; to download them you must login.