[jQuery] WYMeditor - XHTML 編輯器
[img]http://jsgears.com/_icons/famfamfam/folder.gif[/img] WYMeditor: web-based XHTML editor[img]http://jsgears.com/_icons/famfamfam/icon_home.gif[/img] [url]http://www.wymeditor.org/[/url]
[img]http://jsgears.com/_icons/famfamfam/comment.gif[/img] 線上 XHTML 編輯器,100% XHTML + CSS 相容
WYMeditor 是一款基於 jQuery 所開發的線上編輯器,目前版本是 0.5 beta2,可說是還在開發的初期。功能簡單,或許還有不完善的地方,不過強調完全相容於 XHTML strict,不使用會影響外觀的 html tag 去做呈現,而且還可以套用自訂的 CSS,可說是相當有理想、有抱負的一套線上文字編輯器。就讓我們期待這一套編輯器可以越來越完善吧。
DEMO:
[jsg.example]
<textarea class="wymeditor"><p>Hello, World!</p></textarea>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2/jquery.min.js"></script>
<script type="text/javascript" src="_lib/jquery/plugins/wymeditor/jquery.wymeditor.pack.js"></script>
<script type="text/javascript">
$j = jQuery.noConflict();
$j(document).ready(function() {
$j('.wymeditor').wymeditor({
html: '<h1>歡迎來到 jsGears.com!<\/h1>',
stylesheet: '_lib/jquery/plugins/wymeditor/jquery.wymeditor.demo.css'
});
});
</script>
[/jsg.example]
詳細的使用方式可參考下載檔所提供的範例,在此就不多描述了。
此外,如果想找功能強大的 HTML 編輯器,可參考以下兩個:
[list]
[*][url=http://www.fckeditor.net/]FCKeditor - The text editor for Internet[/url]
[*][url=http://tinymce.moxiecode.com/]TinyMCE - Javascript WYSIWYG Editor[/url]
[/list] 不错,学习下:lol 很方便 喔:victory: 其實我一直覺得這類編輯器像這樣簡單就好好用了,像FCKedit & TinyMCE這些功能強大的編輯器。
功能那麼多好像很多都用不到,反到是我在用時都會設為一般功能而已。
所以像這套我就覺得很不錯囉用囉!
頁:
[1]