2012-03-20 17 views
8

के लिए सर्वश्रेष्ठ जावास्क्रिप्ट WYSIWYG समाधान मेरे पास एक बॉक्स है जो वास्तव में 425px x 100px है और मैं चाहता हूं कि मेरे उपयोगकर्ता WYSIWYG संपादक के साथ इस बॉक्स सामग्री को स्टाइल करें। वे इस बॉक्स के अंदर लगभग हर HTML का उपयोग करने में सक्षम होना चाहिए।एक निश्चित बॉक्स

नहीं, मैं एक उचित WYSIWYG संपादक की तलाश में हूँ, मैं समस्याओं के इन प्रकार के लिए TinyMCE उपयोग करने के लिए इस्तेमाल किया, लेकिन मैं एक लंबे सतत पाठ के लिए अपने सबसे अच्छा लगता है, लेकिन अभी मैं एक निश्चित बॉक्स है।

यह बहुत अच्छा होगा अगर संपादक पाठ और छवियों को पूर्ण स्थिति में रखने में सक्षम हो, तो उपयोगकर्ता इस बॉक्स के अंदर कहीं भी अपनी सामग्री को स्थान दे सकता है।

+0

क्या आप एक वेब ऐप मांग रहे हैं जो उपयोगकर्ताओं को एक निश्चित कंटेनर के भीतर एचटीएमएल तत्वों को रखने की अनुमति देता है? –

+0

हां किसी प्रकार का एक wysiwyg संपादक। एक निश्चित कंटेनर के लिए अनुकूलित है। –

उत्तर

6

http://ckeditor.com/

मैं CKEditor उपयोगी पाया, की अनुमति आप दोनों WYSIWYG और एचटीएमएल स्रोत प्रारूपण तरीकों, और यह भी आकार "कैनवास" ठीक उपयोगकर्ता की आवश्यकता के अनुसार अनुकूलित कर सकता है, छवि या पाठ के बारे में अमीर कार्यक्षमता है

इसके बारे में मेरे व्यावहारिक उपयोग की

प्रिंट स्क्रीन, enter image description here

और यहाँ स्रोत स्क्रीनहैenter image description here और अंत में मैं 800x500 निश्चित आकार कैनवास

enter image description here

+0

मैं सीकेडिटर के साथ कुछ भी कर रहा हूं। ओपी द्वारा वांछित तत्वों की कोई भी 'स्थिति' जो पहले से ही संपादक द्वारा समर्थित नहीं है, आसानी से कस्टम संवाद/प्लगइन क्षमताओं का उपयोग करके शामिल की जा सकती है। –

0
+1

यह wysiwyg tinymce के बहुत करीब लगता है और मैं एक फिक्स्ड साइज्ड "कैनवास" का उपयोग करने के लिए एक विकल्प नहीं ढूंढ सकता जो उपयोगकर्ता अनुकूलित कर सकता है। –

+0

कैरवास की ऊंचाई और चौड़ाई को तारिक द्वारा दिखाए गए अनुसार समायोजित किया जा सकता है।आप टूलबार को बंद करने वाले बटन को बंद करना चाहते हैं क्योंकि टूलबार बंद करना कुछ कैनवास स्पेस को पुनः प्राप्त करता है (और इस प्रकार कैनवास के आकार को बदलता है)। –

4

आप इस TinyMCE का उपयोग कर सकते हैं। पाठ और छवियों को ठीक करने के लिए आपको अपनी सामग्री सीएसएस की आवश्यकता होगी (tinymce documentation for the configuration parameter content_css देखें)। आप अपने बॉक्स मुद्दे को हल करने, इस सीएसएस में टिनिमस सामग्री के पैराग्राफ की चौड़ाई को भी परिभाषित कर सकते हैं। सीएसएस अपने बॉक्स जारी करने के लिए (अपने खुद के सीएसएस फ़ाइल में रखा जाना करने के लिए) निम्नलिखित दिखाई देगा:

p { 
    width: 100px; 
} 

लंबाई के संबंध में (या बेहतर ऊँचाइ) आप एक खुद प्लगइन को लागू करने और लंबाई के लिए जाँच करने के लिए आवश्यकता हो सकती है वहां संपादक सामग्री की। यदि वह लंबाई पहले ही पहुंच चुकी है तो आप उस पत्र/सामग्री को हटा दें जिसे उपयोगकर्ता ने डालने की कोशिश की है।

+0

यदि आपके पास इस दृष्टिकोण से संबंधित कोई प्रश्न हैं - शर्मीली न हों – Thariama

+0

TinyMCE सबसे अच्छा WYSIWYG संपादक है, जिसमें बहुत से प्लगइन मुफ्त और स्पष्ट दस्तावेज़ों के लिए उपलब्ध हैं। – Raptor

+0

Ckeditor से TinyMCE बेहतर कैसे है? –

1

एक सरल लेकिन प्रभावी समाधान PageDown होगा। यह मार्कडाउन का उपयोग करता है, इसलिए यह HTML स्वरूपण की अनुमति देता है। हालांकि, पेजडाउन में अपनी सामग्री को स्वच्छ करने के लिए दो स्क्रिप्ट शामिल हैं। थोड़ी सी झुकाव के साथ आप अतिरिक्त टैग को अनुमति या प्रतिबंधित कर सकते हैं।

थिरामा ने कहा, स्थिति के लिए, यह आसानी से आपके सीएसएस द्वारा नियंत्रित है, इसलिए यह WYSIWYG संपादकों के लिए एक गैर-मुद्दा है।

0

अपनी जरूरत मैं nicedit के लिए सुझाव है पर निर्भर करता है का उपयोग कर रहा हूँ। आप इसे निश्चित ऊंचाई और चौड़ाई के साथ भी हल्के संस्करण में रख सकते हैं।

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