2012-09-14 10 views
6

मैं जिसके द्वारा मैं, पाठ अपडेट फोंट बदलने के लिए, फोंट के लिए कदम और पृष्ठभूमि छवियों को स्थानांतरित कर सकते एचटीएमएल 5 कैनवास का उपयोग कर एक पाठ संपादक बना रहा हूँ बना रहा है।<canvas> आधारित एचटीएमएल 5 पाठ संपादक

मैं कैनवास में चलती पाठ के बारे में मदद की जरूरत है - यह कैसे माउस के साथ संदर्भ घटनाओं के लिए कदम का उपयोग किया जा सकता है?

+2

कृपया का दुरुपयोग न करें ** बोल्ड ** स्वरूपण जैसे अन्य मुक्त पहल पर दिखाई दे सकता है। जब आप पूरी चीज को बोल्ड करते हैं तो यह केवल आपके प्रश्न को पढ़ने में कठोर बनाता है। – meagar

+0

कैरोटा (earwicker.com/carota) देखें। ऐसा लगता है कि एक कैनवास आधारित पाठ संपादक एक एहसास सपना है। मैंने अभी तक इसका बहुत उपयोग नहीं किया है, लेकिन मैं इसे उस साइट में शामिल करने की योजना बना रहा हूं जिसे मैं बना रहा हूं। यह स्वरूपण विशेषताओं के साथ जेएसओएन के रूप में पाठ को जारी रखता है। सरल और सही। – jeromeyers

उत्तर

4

पाठ संपादन के लिए एचटीएमएल 5 <canvas> का उपयोग दृष्टिकोण अनुशंसित नहीं है (FOM jbalsas ऊपर जवाब देखें)। मोज़िला Bespin (Skywriter) का प्रयास किया गया है जब तक यह बंद कर दिया गया और विकास <canvas> गैर करने के लिए आधारित ऐस संपादक ले जाया गया:

https://mozillalabs.com/en-US/skywriter/

http://ace.ajax.org/

एटम संपादक का चयन गैर कैनवास दृष्टिकोण, अंततः पर निपटाने React.js डोम अद्यतन प्रक्रिया में तेजी लाने के लिए:

http://blog.atom.io/2014/07/02/moving-atom-to-react.html

हालांकि

<canvas> आधार घ संपादन संभव भले ही सिफारिश नहीं है, नीचे टिप्पणी और jeromeyers से टिप्पणी देखें:

http://earwicker.com/carota/

... also this blog post contains some ideas when DOM based text editing might not work

+10

मैंने यह जवाब दिया -1 क्योंकि यह वास्तव में सच नहीं है। मोज़िला * किया * यह करता है, और ऐसा कोई और भी कर सकते हैं। उनका कैनवास कार्यान्वयन पूर्ण-विशेषीकृत और तेज तेज था। उन्होंने अंततः इसे छोड़ दिया क्योंकि उन्हें पता चला कि डीओएम-आधारित कार्यान्वयन उनके विशेष लक्ष्यों के लिए अधिक लचीला * था, लेकिन इसका मतलब यह नहीं है कि ओपी को चाहिए। उसके पास अलग-अलग लक्ष्य हो सकते हैं। अगर मैं कर सकता, तो मैं लोगों को प्रभावित करने की कोशिश करने के लिए यह उत्तर एक और -1 भी दूंगा कि वे मोज़िला नहीं कर सकते हैं। यह बस बेतुका है। – FtDRbwLXw6

+1

हां, आइए किसी भी काम को किसी भी चीज की ओर हतोत्साहित करें जो हमारे सामने किसी के द्वारा प्रयास किया गया है। मुझे यकीन है कि हमें महान जगहें मिलेंगी। –

+0

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

7

W3C मसौदा कैनवास के लिए ही यह करने के लिए नहीं की सिफारिश की। आप एक पाठ संपादक की जरूरत है आप canvas best practices

Authors should avoid implementing text editing controls using the canvas 
element. Doing so has a large number of disadvantages 

[...] 

This is a huge amount of work, and authors are most strongly encouraged 
to avoid doing any of it by instead using the input element, the textarea 
element, or the contenteditable attribute. 

में यह पढ़ सकते हैं, तो आप CodeMirror

+0

'संतुष्ट' के लिए धन्यवाद, मुझे बस इतना ही चाहिए! – Nisk

+0

इनपुट तत्वों और टेक्स्ट क्षेत्रों में मनमाने ढंग से स्वरूपण नहीं हो सकता है, और सामग्री प्लेटफार्म समर्थन मोबाइल प्लेटफॉर्म पर अत्याचारी है – Michael

+0

जब आप कैनवास के लिए w3c ड्राफ्ट से नुकसान पढ़ते हैं, तो यह केवल सभी सुविधाओं को पुनर्निर्माण के लिए "बहुत काम है" के खिलाफ अनुशंसा करता है । डब्ल्यू 3 सी यह नहीं जानता कि कैसे कोडर काम करते हैं! खैर, आपको हमेशा विशेषताओं की ज़रूरत नहीं है, खासकर कुछ सरल जरूरतों के लिए। और कुछ बहुत अच्छे शुद्ध-जेएस कार्यान्वयन हैं। – huelbois

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