Laba diena, dārgie lasītāji! Ceru, ka jums iet tikpat labi kā mums - spīd saule, dzied putni, ir silts un vasara ir klāt! Šobrīd strādāju pie disertācijas, tāpēc pēdējo pusotru mēnesi rakstu tikai reizi nedēļā, fiziski nav laika. Bet nerunāsim par bēdīgām lietām, ķersimies pie lietas!
Reiz rakņājos internetā, lai atrastu skriptu, kas attīra HTML kodu no atkritumiem, kas jo īpaši atstāj mūs visus šajā ziņā “mīļā” Microsoft Word. Iepriekš izmantoju Koda tīrīšana, izmantojot Adobe Dreamweaver bet viņam bija divi trūkumi:
Dažreiz tas neattīra visu, ko mēs vēlētos.
Pie ļoti lielos daudzumos Tīrīšanas skripts rada kļūdu.
Otrais punkts man kļuva kritisks, jo man bija jāstrādā ar lieliem html tabulas, no kuras nebija iespējams attālināties no vienas vietnes, un viņi sniedza visu informāciju programmā Word.
Tā, ilgāku laiku klaiņojot pa internetu, atradu skriptu, kas ar visu šo menedžmentu tiek galā ar uzviju, un tajā pašā laikā ir pilnībā pielāgojams.
Sveiki!
Rakstot savu WYSIWYG redaktoru, es saskāros ar problēmu, kopējot tekstu no Word. Patiesībā ir trīs problēmas:
$('#editor'). msword_html_filter();
Spraudnis ir uzkarināts uz notikumu taustiņu pieslēgšana un pārbauda, vai avota kods redaktorā ir ielīmēts no Word, ja tā, tad tiek palaista tīrīšanas funkcija. Viss iespējamais ir iekļauts iegūtajā html - neplīstošās atstarpes, atribūti stils Un izlīdzināt, tagi span, Viss Mso-klases, tukšas rindkopas.
Īstenošanas detaļas zem griezuma.
Lielākā daļa izmantoto regulāro lietotāju tika ņemti no TinyMCE.
Kā noteikt, vai rindā ir html kods, kas ievietots no Word:
If (/class="?Mso|style="[^"]*\bmso-|style="[^""]*\bmso-|w:WordDocument/i.test(saturs)) (... )
Koda tīrīšanas funkcija (funkcijai tiek nodots jquery redaktora objekts):
Funkcija word_filter(editor)( var saturs = editor.html(); // Word komentāri, piemēram, nosacījuma komentāri utt content = content.replace(/<(!|script[^>]*>.*?<\/script(?=[>\s])|\/?(\?xml(:\w+)?|img|meta|link|style|\w:\w+)(?=[\s\/>]))[^>]* >>gi, ""); // Konvertēt <(\/?)s>iekšā<$1strike> ___ /gi,"<\/span>([\s\u00a0]*)
") $(this).remove(); pēdējais_līmenis = cur_level; )else( pēdējais_līmenis = 0; ) )) $("", redaktors).removeAttr("stils"); $("", redaktors).removeAttr( "līdzināt"); , redaktors).removeAttr("klase" $("p:empty", redaktors).remove(); Pilns spraudņa avota teksts ir zem spoilera, saglabājiet to failā
jquery.msword_html_filter.js
spraudņa avota teksts(function($) ( $.fn.msword_html_filter = function(options) ( var settings = $.extend((), opcijas); function word_filter(editor)( var content = editor.html(); // Vārdu komentāri, piemēram, nosacīti komentāri utt saturs = content.replace(/<(!|script[^>]*>.*?<\/script(?=[>\s])|\/?(\?xml(:\w+)?|img|meta|link|style|\w:\w+)(?=[\s\/>]))[^>]* >>gi, ""); // Konvertēt /gi, "");<(\/?)s>iekšā<$1strike>// Noņemiet komentārus, skriptus (piem., msoShowComment), XML tagus, VML saturu, // MS Office nosaukumtelpas tagus un dažus citus tagus content = content.replace(/ ___ rindas saturam = content.replace(/ /gi,"<\/span>"); // Aizstāt nbsp entites ar char, jo to ir vieglāk apstrādāt //content = content.replace(/ /gi, "\u00a0");
Atbrīvojieties no netīrajiem marķējumiem, izmantojot bezmaksas tiešsaistes HTML Cleaner. Izmantojot šo tiešsaistes rīku, ir ļoti viegli izveidot, rediģēt, formatēt un samazināt tīmekļa kodu. Konvertējiet Word dokumentus par sakārtotu HTML un jebkurus citus vizuālos dokumentus, piemēram, Excel, PDF, Google dokumentus utt. Ir ārkārtīgi vienkārši un efektīvi strādāt ar diviem pievienotajiem vizuālajiem un avota redaktoriem, kas nekavējoties reaģē uz jūsu darbībām.
HTML Cleaner ir aprīkots ar daudzām noderīgām funkcijām, lai padarītu HTML tīrīšanu un rediģēšanu pēc iespējas vienkāršāku. Vienkārši ielīmējiet savu kodu teksta apgabalā, iestatiet tīrīšanas preferences un nospiediet Tīrs HTML pogu. Tas var apstrādāt jebkuru dokumentu, kas izveidots, izmantojot Microsoft Excel, PowerPoint, Google dokumentus vai jebkuru citu komponistu. Tas palīdz viegli atbrīvoties no visiem iekļautajiem stiliem un nevajadzīgajiem kodiem, ko pievieno Microsoft Word vai citi WYSIWYG redaktori. Šis HTML redaktora rīks ir noderīgs, ja migrējat saturu no vienas vietnes uz otru un vēlaties notīrīt visas svešzemju klases un ID, ko piemēro avota vietne. Izmantojiet meklēšanas un aizstāšanas rīku savām pielāgotajām komandām. Muļķīga teksta ģenerators ļauj redaktoram viegli pievienot fiktīvu tekstu.
Lapas augšpusē varat redzēt vizuālo redaktoru un avota koda redaktoru blakus viens otram. Neatkarīgi no tā, kuru modificētu, izmaiņas tiks atspoguļotas citā reāllaikā. Vizuālais HTML redaktors ļauj iesācējiem viegli izveidot savu saturu tāpat kā izmantojot jebkuru citu tekstapstrādes programmu, savukārt labajā pusē esošais avota redaktors ar izceltu koda marķējumu palīdz pieredzējušiem lietotājiem pielāgot kodu. Tas padara šo tiešsaistes programmu par jauku rīku HTML kodēšanas apguvei.
Lai tiešsaistē publicētu PDF, Microsoft Word, Excel, PowerPoint vai citus dokumentus, kas sastādīti ar dažādām Word redaktora programmām vai vienkārši kopētu saturu, kas kopēts no citas vietnes, ielīmējiet formatēto saturu vizuālajā redaktorā. Dokumenta HTML avots būs uzreiz redzams arī avota redaktorā. Vadības josla virs WYSIWYG redaktora kontrolē šo lauku, savukārt visi pārējie avota tīrīšanas iestatījumi ir paredzēti avota koda rediģēšanai. Noklikšķiniet uz Tīrs HTML pogu pēc tīrīšanas preferenču iestatīšanas. Nokopējiet notīrīto kodu un publicējiet to savā vietnē.
Nav garantijas, ka programma izlabos visas kļūdas jūsu kodā tieši tā, kā vēlaties, tāpēc, lūdzu, mēģiniet ievadīt sintaktiski derīgu HTML.
Konvertējiet HTML tabulas par strukturētiem div elementiem, aktivizējot atbilstošo izvēles rūtiņu.
Agrāk tīmekļa dizaineri savas vietnes veidoja, izmantojot tabulas, lai organizētu lapu izkārtojumu, taču adaptīvā tīmekļa dizaina laikmetā tabulas ir novecojušas, un to vietu ieņem DIV. Šis tiešsaistes rīks palīdz ar dažiem vienkāršiem klikšķiem pārvērst tabulas par strukturētiem div elementiem.
Varat padarīt avota kodu lasāmāku, organizējot ciļņu hierarhiju koka skatā.
Šī vietne ir pilnībā funkcionāls rīks HTML koda tīrīšanai un sastādīšanai, taču jums ir iespēja iegādāties HTML G abonementu un piekļūt vēl profesionālākām funkcijām. Izmantojot HTML Cleaner bezmaksas versiju, jūs piekrītat iekļaut saites rediģētajos dokumentos. Šis tīrīšanas rīks var pievienot trešās puses reklāmas saiti tīrīto dokumentu beigās, un jums ir jāatstāj šis kods nemainīgs, kamēr izmantojat bezmaksas versiju.
Cleaner ir pakalpojums tagu tīrīšanai no “atkritumiem”, kas paliek dokumentā pēc lapas saglabāšanas formātā no programmas.
Jau sen rakstīju līdzīgu spraudni, bet tas tapa steigā, tagad mehānisms ir pilnībā pārrakstīts.
Koda tīrīšana notiek, pārmeklējot ievadīto rindiņu, no kuras veidojas jauna, kurā ir “tīrs” . Spraudnis no tagiem noņem pilnīgi visu, tostarp . Nesapārotajos tagos tiek ievietots simbols / (slīpsvītra). Tukšie tagi tiek noņemti, piemēram, konstrukcija tiks dzēsta, jo tajā nav nekā.
Ir divi veidi:
Tā rezultātā jūs saņemsit senatnīgu html kodu.
Tālāk norādītie atribūti paliek neskarti:
"colspan", "rowspan", "href", "src", "type", "value", "lang", "tabindex", "title", "code", "alt", "target", "dir ", "span", "darbība", "metode"
Excel/Word to HTML ir ideāls rīks WordPress rakstu avota koda rediģēšanai vai jebkurai citai satura pārvaldības sistēmai, kad to iebūvētais komponists nenodrošina visas mums nepieciešamās funkcijas. Veidojiet saturu tieši pārlūkprogrammas logā, neinstalējot paplašinājumu vai spraudni, lai apstrādātu sintakses izcelšanu un citas teksta rediģēšanas funkcijas.
Ielīmējiet dokumentu, kuru vēlaties konvertēt Word redaktorā, pēc tam dodieties uz HTML skatītāju, izmantojot lielās cilnes lapas augšdaļā, lai ģenerētu kodu.
Notīriet netīros marķējumus, izmantojot lielu pogu, kas sarakstā izpilda aktīvās (atzīmētās) opcijas. Varat arī lietot šīs funkcijas pa vienam, izmantojot ikonu CLEAN.
Problēma par Word konvertēšanu uz html, iespējams, vienmēr ir pastāvējusi kopā ar Microsoft Word. Milzīgs tekstiem piešķirto stilu skaits, piemēram, mso-spacerun:yes, un klases, piemēram, MsoNormal, kā arī visa veida span style="font-size:10.0pt" ļoti pārblīvē kodu. Un tie bieži pārtrauc vietnē norādītos vietējos stilus. Ja jūs joprojām varat apstrādāt vienkāršu tekstu, ievietojot tekstu, izmantojot redaktora pogu "Ievietot tikai tekstu", šī metode nedarbosies ar tabulām. Mūsu pārveidotājs var viegli notīrīt visus nevajadzīgos komentārus un stilus no topošā html faila, vienkārši noklikšķinot uz pogām.
Konvertējiet Word, Excel, TxT failus tīrā HTML avota kodā. Bez liekiem stiliem un komentāriem tiešai, pareizai ievietošanai vietnes lapās.
Atbalstītie tiešsaistes konvertēšanas formāti:
Vēl viena noderīga pakalpojuma izmantošana, tā vietā, lai pavadītu stundas, veidojot tabulu HTML valodā, izveidojiet to 15 minūtēs programmā Excel vai Word un pārveidojiet to tīrā, skaistā HTML kodā ievietošanai vietnē.