Recent Changes - Search:

edit SideBar


Firefox 2
Get Thunderbird!

Rails /

TinymceOnlineHtmlEditorEklenmesi

Rails.TinymceOnlineHtmlEditorEklenmesi History

Hide minor edits - Show changes to markup

August 20, 2008, at 12:46 AM by 78.188.55.33
Added line 22:
        editor_selector: "mceEditor",
Added lines 35-40:

5. Adım:

"view"daki textarea'nın class'ı "mceEditor" olarak ayarlanır. (:code:) <textarea class="mceEditor" cols="80"></textarea>

Restore
August 19, 2008, at 11:48 PM by 78.188.55.33
Changed lines 20-29 from:
    mode:"textareas", editor_selector : "tiny_mce", theme_advanced_toolbar_location : "top", relative_urls : false
to:
	mode : "textareas",
	theme : "advanced",
	theme_advanced_buttons1 : "bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright, justifyfull,bullist,numlist,undo,redo,link,unlink,image,code",
	theme_advanced_buttons2 : "",
	theme_advanced_buttons3 : "",
	theme_advanced_toolbar_location : "top",
	theme_advanced_toolbar_align : "left",
	theme_advanced_statusbar_location : "bottom",
	extended_valid_elements : "a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]"
Deleted lines 33-46:

5. Adım

"view"a textarea'nın g�z�kmesini sağlayacak aşağıdaki kod eklenir. code <%= text_area 'pages', 'copy' , :cols => "60", :rows => "20", :class => 'tiny_mce' %>

6. Adım

Eğer ikinci bir textarea ekleyeceksek adını değiştirerek ekleyebiliriz. code <%= text_area 'pages', 'copy' , :cols => "60", :rows => "20", :class => 'tiny_mce' %>

Changed lines 35-36 from:

TinyMCE?'yi Firefox, Internet Explorer ve Opera ile test ettim. Malesef t�m �zelliklerini �� browserda da tam olarak kullanmayı başaramadım. İlgin�tir, en iyi sonucu Firefox ile aldım! Daha �nce b�yle birşey başıma gelmemişti :)

to:

TinyMCE?'yi Firefox, Internet Explorer ve Opera'da test ettim. Malesef t�m �zelliklerini �� browserda da tam olarak kullanmayı başaramadım. İlgin�tir, en iyi sonucu Firefox ile aldım! Daha �nce b�yle birşey başıma gelmemişti :)

Added line 38:
  • http://tinymce.moxiecode.com/
Restore
February 15, 2007, at 08:05 AM by 85.105.66.26
Changed lines 40-41 from:

TinyMCE?'yi Firefox, Internet Explorer ve Opera ile kontrol ettim. Hepsinde başarılı bir şekilde �alıştı.

to:

TinyMCE?'yi Firefox, Internet Explorer ve Opera ile test ettim. Malesef t�m �zelliklerini �� browserda da tam olarak kullanmayı başaramadım. İlgin�tir, en iyi sonucu Firefox ile aldım! Daha �nce b�yle birşey başıma gelmemişti :)

Restore
February 14, 2007, at 02:59 AM by 85.105.66.26
Changed line 20 from:
    mode:"textareas", editor_selector : "tiny_mce", theme_advanced_toolbar_location : "top"
to:
    mode:"textareas", editor_selector : "tiny_mce", theme_advanced_toolbar_location : "top", relative_urls : false
Restore
February 13, 2007, at 10:55 PM by 85.105.66.26
Changed line 20 from:
    mode:"textareas", editor_selector : "tiny_mce"
to:
    mode:"textareas", editor_selector : "tiny_mce", theme_advanced_toolbar_location : "top"
Restore
February 13, 2007, at 10:26 PM by 85.105.66.26
Changed line 42 from:

Kaynaklar:

to:

Kaynaklar:

Restore
February 13, 2007, at 10:25 PM by 85.105.66.26
Changed line 33 from:

Eğer ikinci bir textare ekleyeceksek adını değiştirerek ekleyebiliriz.

to:

Eğer ikinci bir textarea ekleyeceksek adını değiştirerek ekleyebiliriz.

Restore
February 13, 2007, at 10:25 PM by 85.105.66.26
Changed line 3 from:

1.

to:

1. Adım

Changed line 6 from:

2.

to:

2. Adım

Changed line 9 from:

3.

to:

3. Adım

Changed line 15 from:

4.

to:

4. Adım

Changed line 25 from:

5.

to:

5. Adım

Changed line 32 from:

6.

to:

6. Adım

Restore
February 13, 2007, at 10:24 PM by 85.105.66.26
Added lines 1-44:

Rails Uygulamasına TinyMCE? Online Html Editor Eklenmesi

1.

TinyMCE? "http://tinymce.moxiecode.com/download.php" adresinden indirilir.

2.

İndirilen arşiv dosyası a�ılınca ortaya �ıkan "jscripts" klas�r�ndeki "tiny_mce" klas�r� rails uygulamasının "public/javascripts" klas�r�ne kopyalanır.

3.

"view"da "head" etiketi arasına aşağıdaki satır eklenir. (:code:) <%= javascript_include_tag "tiny_mce/tiny_mce" %>

4.

"view"a aşağıdaki javascript kodu eklenir. (:code:) <script type="text/javascript" > tinyMCE.init({ mode:"textareas", editor_selector : "tiny_mce" }); </script>

5.

"view"a textarea'nın g�z�kmesini sağlayacak aşağıdaki kod eklenir. (:code:) <%= text_area 'pages', 'copy' , :cols => "60", :rows => "20", :class => 'tiny_mce' %>

6.

Eğer ikinci bir textare ekleyeceksek adını değiştirerek ekleyebiliriz. (:code:) <%= text_area 'pages', 'copy' , :cols => "60", :rows => "20", :class => 'tiny_mce' %>

Tarayıcı Uyumluluğu:

TinyMCE?'yi Firefox, Internet Explorer ve Opera ile kontrol ettim. Hepsinde başarılı bir şekilde �alıştı.

Kaynaklar:

  • http://www.busyashell.com/blog/articles/2006/05/03/tiny-mce-living-in-your-rails-forms
  • http://www.aidanf.net/adding-a-rich-text-editor-to-your-rails-application
Restore
Edit - History - Print - Recent Changes - Search
Page last modified on August 20, 2008, at 12:46 AM