1. घर
  2. सवाल और जवाब
  3. मैकोज़ एक्स पर एचटीएमएल 5 प्रारूपण? (अधिमानतः टेक्स्टमैट के साथ)

मैकोज़ एक्स पर एचटीएमएल 5 प्रारूपण? (अधिमानतः टेक्स्टमैट के साथ)

2011-01-22 14 views
7

क्या मैकोज़ एक्स के लिए कोई संपादक या बंडल उपलब्ध है जो HTML5 दस्तावेज़ों के प्रारूपण का समर्थन करता है? कैनवास जैसे नए टैग पर साफ त्रुटियां।मैकोज़ एक्स पर एचटीएमएल 5 प्रारूपण? (अधिमानतः टेक्स्टमैट के साथ)

स्रोत

2011-01-22 Eric the Red

+0

+1: अच्छा सवाल! – Alerty

उत्तर

3

This question एचटीएमएल 5 के साथ टडी काम कैसे करें; इन पैराम का उपयोग करने के लिए टेक्स्टमैट बंडल की कमांड लाइन को ट्वीव करना चाहिए।

स्रोत

2011-01-22 21:46:44 Phrogz

1

टेक्स्टमेट बंडलों के बारे में न करें, लेकिन आतंक से कोडा के बारे में कैसे? http://validator.w3.org/

स्रोत

2011-01-22 20:43:03

+0

+1: मैं भी इसका सुझाव देने वाला था। ;) – Alerty

0

Textmate एक बंडल कि W3C मान्य सामने सत्यापित करेंगे। कोई भी कम नहीं, मुझे पता चला कि उनके पास public subversion server है जहां वे अलग-अलग बंडल रखते हैं। एक त्वरित खोज ने किसी भी HTML5 बंडल को प्रकट नहीं किया। आप अपने website पर बंडलों के बारे में अधिक जानकारी प्राप्त कर सकते हैं।

यदि आप HTML5 में वेब सामग्री बनाने के बॉक्स के रास्ते से बाहर निकलना चाहते हैं, तो Aloha Editor पर एक नज़र डालें।

स्रोत

2011-01-22 21:21:22 duncmc

+0

लेकिन स्वरूपण के बारे में क्या? –

0

मैं कहना है कि मैं TextMate बंडलों से परिचित नहीं हूँ क्योंकि मैं व्यक्तिगत रूप से है कि संपादक का उपयोग नहीं करते है - www.panic.com/coda

स्रोत

2011-01-22 21:35:34 Alerty

+0

आधिकारिक उपवर्तन सर्वर टेक्स्टमैट ब्रह्मांड में उपलब्ध बंडलों का केवल एक सबसेट रखता है। इन दिनों गिटहब वह जगह है जहां नए बंडल पॉप अप करते हैं। गेटबंडल्स का उपयोग करना ("एस" नोट करें) बंडल में कई HTML5 बंडल उपलब्ध हैं। – cczona

2

मैं जानकारी this question में पाया का उपयोग करके TextMate करने के लिए एक एचटीएमएल 5 साफ जोड़ने में कामयाब रहे। टिडी एक कस्टम स्ट्रिंग को डॉकटाइप के रूप में स्वीकार नहीं कर रहा है, इसलिए मैंने वैध एक डालने के लिए टेक्स्टमैट मैक्रो का उपयोग किया। ऐसा करने का शायद एक और शानदार तरीका है, लेकिन यह काम पूरा हो जाता है!

प्रारंभ करने के लिए, हमें Tidy के लिए टेक्स्टमैट कमांड बनाने की आवश्यकता है जो HTML5 के साथ अच्छा खेलता है। बंडल मेनू से "बंडल संपादक" पर पहुंचें, और निम्न युक्त एक नया आदेश बनाने के लिए:

#!/usr/bin/env ruby -wKU 

require ENV['TM_SUPPORT_PATH'] + '/lib/ui.rb' 
require ENV['TM_SUPPORT_PATH'] + '/lib/exit_codes.rb' 

result = `"${TM_TIDY:-tidy}" -f /tmp/tm_tidy_errors -iq -utf8 \ 
      -wrap 0 --tab-size $TM_TAB_SIZE --indent-spaces $TM_TAB_SIZE \ 
      --indent yes \ 
      ${TM_XHTML:+-asxhtml --output-xhtml yes} \ 
      ${TM_SELECTED_TEXT:+--show-body-only yes} \ 
      --enclose-text yes \ 
      --doctype omit \ 
      --new-blocklevel-tags article,header,footer \ 
      --new-inline-tags video,audio,canvas,ruby,rt,rp \ 
      --break-before-br yes --vertical-space yes \ 
      --wrap-php no \ 
      --tidy-mark no` 
status = $?.exitstatus 

at_exit { File.unlink('/tmp/tm_tidy_errors') } # Clean up error log 

if status == 2 # Errors 

    msg = "Errors: " + File.read('/tmp/tm_tidy_errors') 
    TextMate.exit_show_tool_tip msg 

elsif status == 1 # Warnings - use output but also display notification with warnings 

    log = File.read('/tmp/tm_tidy_errors').to_a.select do |line| 
    ! (ENV['TM_SELECTED_TEXT'] and (line.include?('Warning: missing <!DOCTYPE> declaration') or line.include?("Warning: inserting missing 'title' element"))) 
    end.join rescue nil 

    unless log.empty? 
    options = { 
     :title => "Tidy Warnings", 
     :summary => "Warnings for tidying your document (press escape to close):", 
     :log  => log 
    } 
    TextMate::UI.simple_notification(options) 
    end 

end 

if ENV['TM_SOFT_TABS'] == "YES" 
    print result 
else 
    in_pre = false 
    result.each_line do |line| 
    unless in_pre 
     tab_size = ENV["TM_TAB_SIZE"].to_i 
     space, text = /(*)(.*)/m.match(line)[1..2] 
     line = "\t" * (space.length/tab_size).floor + " " * (space.length % tab_size) + text 
    end 

    print line 

    in_pre = true if line.include?("<pre>") 
    in_pre = false if line.include?("</pre>") 
    end 
end

नाम "एचटीएमएल 5 साफ" की तर्ज पर इस आदेश को कुछ। स्कोप चयन को "text.html" पर सेट करें। हम एक पल में एक कीबोर्ड शॉर्टकट स्थापित करेंगे। ध्यान दें कि "डॉक्टरेट" स्विच "ओमिट" पर सेट किया गया है, जो पूरी तरह से डॉकटाइप घोषणा को हटा देता है।

बाद आप निम्न कार्यवाही के साथ बंडल मेनू से कोई मैक्रो रिकॉर्ड करने की आवश्यकता: की शुरुआत करने के लिए ले जाने के लिए

  • "एचटीएमएल 5 साफ" कमांड तुम सिर्फ
  • बनाया दबाने सीएमडी + ऊपर का चयन दस्तावेज़
  • टाइप <!DOCTYPE html>
  • एक नई लाइन

का चयन करें "सहेजें सम्मिलित करना मैक्रो स्टोर करने के लिए "अंतिम रिकॉर्डिंग" मेनू आइटम। इसे कुछ उचित नाम दें, जैसे कि "एचटीएमएल 5 टिडी + डॉकटाइप", और इसके दायरे को "text.html" पर सेट करें। फिर आप "कुंजी समतुल्य" इनपुट का उपयोग करके अपने पूर्ण मैक्रो के लिए कीबोर्ड शॉर्टकट असाइन कर सकते हैं।

इससे आपको बिना किसी समस्या के अपने HTML5 दस्तावेज़ों पर टिडी का उपयोग करने की अनुमति देनी चाहिए।

स्रोत

2011-03-03 19:08:28

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

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