2008-10-13 6 views
18

व्यवस्थापक प्रवेश निर्देशों को बदलने के लिए मैं फॉर्म पर रिच टेक्स्ट एडिटिंग का उपयोग करना चाहता हूं। ऐसा करने के लिए सबसे अच्छे विकल्प क्या हैं?रेल में रिच टेक्स्ट एडिटिंग के लिए सबसे अच्छे विकल्प क्या हैं?

[अधिक स्पष्ट होने के लिए - व्यवस्थापक गैर-तकनीकी हैं लेकिन संभवतः मार्कअप का उपयोग किए बिना या जितना संभव हो उतना कम मार्कअप के बिना कुछ स्वरूपण को नियंत्रित करना चाहते हैं। मैं चाहता हूं कि उनके लिए कुछ प्रारूपण नियंत्रण वाली आरटीई के साथ सभी AJAX को इनलाइन संपादित करने में सक्षम होना चाहिए और फिर सबमिट करना और यह देखने में सक्षम होना चाहिए कि पृष्ठ बदलने के बिना अंतिम उपयोगकर्ता को निर्देश कैसा दिखाई देंगे।

विशेष रूप से प्लगइन के संबंध में, मैं क्या जानना चाहता हूं कि रिच टेस्ट संपादन प्लगइन्स रेल में उपयोग के लिए सबसे अच्छे हैं। लागू करने के लिए सबसे आसान, सबसे आसान एपीआई, इनलाइन का उपयोग करने के लिए सबसे आसान, आदि ...]

उत्तर

11

Tumblon के लिए, हम TinyMCE साथ शुरू किया था, लेकिन हम याहू के Rich Text Editor का उपयोग करने जा रहे हैं, क्योंकि वहाँ रास्ता TinyMCE काम के साथ कुछ अजीब मुद्दे थे और क्योंकि रिच टेक्स्ट संपादक प्रलेखन और डिफ़ॉल्ट देखो और अनुभव बेहतर है।

दोनों रेल के साथ एकीकृत करने के लिए बहुत आसान हैं (वे सभी जावास्क्रिप्ट हैं, आखिरकार)। प्लगइन हैं, लेकिन आपको वास्तव में एक की आवश्यकता नहीं है।

+0

अन्य अच्छे विकल्प हो सकते हैं [Trix] (https://github.com/basecamp/trix) (मणि [यहां] (https://github.com/maclover7/trix)) और [ckeditor] (https: // github.com/galetahub/ckeditor), जिसका 'कैरियरवेव' और 'कैनकन' के लिए समर्थन है – Pietro

3

मुझे यकीन नहीं है कि मैं पूरी तरह से प्रश्न को समझता हूं, लेकिन यदि आप सिर्फ इस संपादक के उपयोग के बारे में पूछते हैं, तो कई विकल्प हैं और कोई नहीं उनमें से रेल का मामला है - आप अपने मार्कअप में जावास्क्रिप्ट का एक छोटा सा टुकड़ा जोड़कर उनमें से किसी का भी उपयोग कर सकते हैं। अच्छा और अद्यतित अवलोकन यहां पाया जा सकता है: http://bulletproofbox.com/web-based-rich-text-editors-compared/

संपादित करें: Google कैच में परिवर्तित लिंक, क्योंकि मूल लिंक काम नहीं कर रहा है।

+0

क्षमा करें लिंक टूट गया है। यदि आप कर सकते हैं तो इसे अपडेट करें। – JasonOng

+0

ओह। ऐसा लगता है कि साइट नीचे है। मैंने लिंक को Google कैच संस्करण में बदल दिया है, इसलिए आपके पास कम से कम कुछ है। –

2

रेल के लिए लागू कई टेम्पलेटिंग भाषाएं हैं जो मार्कअप के लिए अपेक्षाकृत सरल वाक्यविन्यास देती हैं। मैंने कपड़ा (http://redcloth.org/) के एक मणि कार्यान्वयन से पहले रेडक्लोथ का उपयोग किया है, और यह काफी अच्छा है। तरल पदार्थ (http://www.liquidmarkup.org/) जैसी चीजें थोड़ा अधिक शक्तिशाली हैं, जिससे टेम्पलेट्स को वास्तव में डेटाबेस जानकारी इनलाइन शामिल करने की अनुमति मिलती है। आपकी परियोजना की जरूरतों के आधार पर, दोनों संभावित रूप से एक अच्छे फिट होंगे।

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

2

मिलान के उत्तर में लिंक टूटा हुआ है। शुक्र है कि Ajaxian.com ने पद के सभी विभिन्न आरटीई और इसकी टिप्पणियों के लिंक के साथ पोस्ट का एक अच्छा सारांश किया था।

लिंक: http://ajaxian.com/archives/richtexteditors-compared

6

मैंने पहले भी इसी तरह के संघर्ष के माध्यम से चला गया है, और YUI पर बस गए थे। दुर्भाग्य से, भयानक एचटीएमएल में, यूयूआई परिणाम (कम से कम मेरे लिए, और स्वीकार्य रूप से, मैं भाग गया और फिर कभी नहीं फैला)।

फिर आज रात, जब मैंने इस पोस्ट पर ठोकर खाई, तो मुझे PunyMCE मिला। इसके बारे में 2 भयानक चीजें हैं: 1) इसका अविश्वसनीय रूप से हल्का वजन (जैसा कि इसके नाम का तात्पर्य है), और 2) एक रेल प्लगइन है जो इसके लिए पहले से ही बनाई गई है: github पर puny_mce।

  1. "उपयोग" के तहत एक टाइपो नहीं है, <% उपज: सिर% चाहिए>

    प्रलेखन काफी अच्छा, चीजें हैं जो मैं अनदेखी की एक जोड़ी के अलावा है/मुझे मेरे सिर खरोंच था हो <% = उपज : सिर%>

  2. आप बुनियादी उपकरण पट्टी की तुलना में अधिक का उपयोग करना चाहते हैं, तो आप की जरूरत करने के लिए या तो एक ) पूर्व सेटअप प्रोफ़ाइल शामिल हो या ख) उपकरण पट्टी वस्तुओं और के लिए आवश्यक प्लगइन्समें वे आइटमदोनों include_puny_mce कॉल और puny_mce कॉल करें। यह समझ में आता है - include_puny_mce है पेज इसकी आवश्यकता है जो javascripts पर निर्देश देते हुए, और puny_mce कॉल वास्तव में बनाने जा रहा है जावास्क्रिप्ट उत्पादन करने के लिए आवश्यक अमीर संपादक उत्पन्न करते हैं।

    <% content_for :head do %> 
        <%= include_puny_mce :profiles => [:full] %> 
    <% end %> 
    
    <h1>New post</h1> 
    
    <% form_for(@post) do |f| %> 
    <%= f.error_messages %> 
    <%= f.label :title, "Title" %><br /> 
    <%= f.text_field :title %><br /> 
    <%= f.label :content, "Post Content" %><br /> 
    <%= f.text_area :content, :cols => 100 %> 
    <%= puny_mce 'post_content', 'post_content', :profile => :full %> 
    <p> 
        <%= f.submit 'Create' %> 
    </p> 
    <% end %> 
    

    मुझे आशा है कि इस मदद करता है:

यहाँ एक उदाहरण मैं एक साथ रखा प्रदर्शित करने के लिए है!

0

मुझे पता है कि यह खतरा बहुत पुराना है, लेकिन कुछ हफ्ते पहले कुछ अच्छे विकल्पों की तलाश में आया, इसलिए अगर किसी और को एक ही समस्या का सामना करना पड़ रहा है जैसे मैंने किया तो मैं अधिक परेशान प्रतिक्रिया देता हूं। तो मेरा पसंदीदा संपादक Froala (wysiwyg-editor है यदि आप रेल का उपयोग कर रहे हैं) जो साफ दिखता है, एम्बेडेड वीडियो, चित्र अपलोड, फ़ाइल अपलोड को संभालने और समर्थन करने में आसान है और बिना किसी बिंदु के पूरी तरह अनुकूलन योग्य है जहां आप बैकएंड उपयोगकर्ताओं के लिए इसे सरल बना सकते हैं उन्हें पूरी तरह उत्तरदायी बनाने के लिए पृष्ठ पर सही ढंग से आइटम रखने के लिए उत्तरदायी विकास का कोई ज्ञान। हमने इस संपादक का उपयोग अब कई परियोजनाओं के लिए किया है और ग्राहक इसे पसंद करते हैं।

प्रलेखन संतोषजनक है लेकिन यदि आप रेल और Django (जैसा हम करते हैं) जैसे ढांचे के साथ इसका उपयोग कर रहे हैं तो यह बेहतर हो सकता है। लेकिन मुझे लगता है कि यह मासिक आधार पर सुधार कर रहा है।

एक और बहुत ही आशाजनक संपादक Quill (quill-rails यदि आप रेल का उपयोग कर रहे हैं)। हमने अभी तक परियोजनाओं के लिए इसका इस्तेमाल नहीं किया है लेकिन प्रयोग कर रहा है। एक बार हमारे पास और अनुभव होने के बाद हम यहां कुछ नोट्स पोस्ट करने जा रहे हैं और SSC

आखिरकार, यदि आप उत्तरदायी फ्रंट-एंड संपादन करना चाहते हैं या ऑफर करना चाहते हैं तो आप x-editable पर एक नज़र डालना चाहेंगे। डेमो देखें - यह बहुत साफ है!

संबंधित मुद्दे