छवि अपलोडर के समर्थन के साथ मैं अपने रेल 3.1 ऐप के लिए क्या wysiwyg संपादक का उपयोग कर सकते हैं?

Question

मैंने इस editor को आजमाया, लेकिन कई त्रुटियां प्राप्त कीं, शायद कुछ संपादक मौजूद हैं, जिन्हें मैं आसानी से इंस्टॉल और अपडेट कर सकता हूं।

मेरा उत्तर: अब मैं this editor का उपयोग करने के लिए बहुत आसान उपयोग करता हूं।

Answer 1

छवि अपलोड के लिए gem 'tiny_mce' और carrierwave के साथ tinymce का उपयोग कर Im। TinyMCE के लिए मेरे सेटअप पीछा कर रहा है:

$(function() { 
    tinyMCE.init({ 
    mode: "textareas", 
    editor_deselector: "plain", 
    theme: "advanced", 
    plugins: "advimage,inlinepopups,save,autosave", 
    external_image_list_url: '#{image_list_admin_static_images_url}', 
    relative_urls: false, 

    theme_advanced_buttons1: "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect", 
    theme_advanced_buttons22: "", 
    theme_advanced_buttons3: "", 
    theme_advanced_toolbar_location : "top", 
    theme_advanced_blockformats: "p,h2,h3,h4" 
    }) 
} 

महत्वपूर्ण हिस्सा मेरे मार्गों में image_list_admin_static_images_url है मेरे पास है:

def image_list 
    @image_list = "var tinyMCEImageList = #{StaticImage.image_list.to_json}" 
    render :js => @image_list 
end 

और IMAGE_LIST विधि में:

StaticImagesController में

resources :static_images do 
     get :image_list, :on => :collection 
end 

विधि की तरह दिखता है मॉडल में स्थित:

def self.image_list 
    all.map{ |im| [im.alt, im.image.url] } 
end 

इस सेटअप मेरे लिए पूरी तरह से काम करता है, ऑप्टिकल फाइबर केबल आप अपनी जरूरतों के लिए यह अनुकूलित करने के लिए की जरूरत है। आशा है कि यह आपकी मदद करेगा। TinyMCE वास्तव में अच्छा और शक्तिशाली wysiwyg संपादक है।

chech के रूप में टिप्पणी अनुभाग में सुझाव दिया, आपके द्वारा active_admin साथ प्रयोग के लिए इस समाधान को समायोजित कर सकते है:

सक्रिय व्यवस्थापक के अंदर इसका इस्तेमाल करने के लिए बस इस एक के लिए मार्ग बदल देते हैं: match "admin/model_name/:id/js_image_list", :action => "js_image_list", :controller => "admin/model_name"। फिर सक्रिय व्यवस्थापक मॉडल फ़ाइल के अंदर js_image_list नामक एक क्रिया बनाएं। tinyMCE.init के लिए विन्यास है: external_image_list_url : "js_image_list"

Answer 2

यह TinyMCE की तरह लगता है निश्चित रूप से रेल 3.1 द्वारा समर्थित है। यहाँ लिंक
http://rubygems.org/gems/tinymce-rails

आपको बस इतना करना है अपने Gemfile के लिए निम्न जोड़ने है

gem 'tinymce-rails' 

आप निम्नलिखित विकल्पों के आप jQuery का उपयोग करना चाहते हैं, इस पर निर्भर करता है application.js या में जोड़ने के लिए है नहीं

//= require tinymce-jquery 
//= require tinymce 

व्यक्तिगत तौर पर मैं jQuery चुना है इसलिए मैं अपने नियंत्रक के लिए इसी js.coffee फाइल करने के लिए इस लाइन जोड़ा/दृश्य

tinyMCE.init 
    mode: 'textareas', 
    theme: 'advanced' 

आप jQuery का उपयोग करने के तुम सिर्फ आपके विचार

<script type="text/javascript"> 
    tinyMCE.init({ 
    mode: 'textareas', 
    theme: 'advanced' 
    }); 
</script> 

Answer 3

मैं TinyMCE के साथ समस्याओं था और संपत्ति पाइपलाइन रेल के लिए इस स्क्रिप्ट में जोड़ सकते हैं नहीं करना चाहते हैं। मैं नहीं, यह भी एक तरह से वृद्धि हुई फ़ॉन्ट आकार के साथ TinyMCE शुरू करने के लिए मिल गया है। डिफ़ॉल्ट फ़ॉन्ट आकार बहुत छोटा है।

आप चहचहाना बूटस्ट्रैप उपयोग कर रहे हैं एक शानदार विकल्प है:

https://github.com/jhollingworth/bootstrap-wysihtml5

मैं के साथ जाना होगा आप कुछ है कि एचटीएमएल 5 के साथ काम करता चाहते हैं:

http://jejacks0n.github.com/mercury/

बहुत बढ़िया!