12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724772577267727772877297730773177327733773477357736773777387739774077417742774377447745774677477748774977507751775277537754775577567757775877597760776177627763776477657766776777687769777077717772777377747775777677777778777977807781778277837784778577867787778877897790779177927793779477957796779777987799780078017802780378047805780678077808780978107811781278137814781578167817781878197820782178227823782478257826782778287829783078317832783378347835783678377838783978407841784278437844784578467847784878497850785178527853785478557856785778587859786078617862786378647865786678677868786978707871787278737874787578767877787878797880788178827883788478857886788778887889789078917892789378947895789678977898789979007901790279037904790579067907790879097910791179127913791479157916791779187919792079217922792379247925792679277928792979307931793279337934793579367937793879397940794179427943794479457946794779487949795079517952795379547955795679577958795979607961796279637964796579667967796879697970797179727973797479757976797779787979798079817982798379847985798679877988798979907991799279937994799579967997799879998000800180028003800480058006800780088009801080118012801380148015801680178018801980208021802280238024802580268027802880298030803180328033803480358036803780388039804080418042804380448045804680478048804980508051805280538054805580568057805880598060806180628063806480658066806780688069807080718072807380748075807680778078807980808081808280838084808580868087808880898090809180928093809480958096809780988099810081018102810381048105810681078108810981108111811281138114811581168117811881198120812181228123812481258126812781288129813081318132813381348135813681378138813981408141814281438144814581468147814881498150815181528153815481558156815781588159816081618162816381648165816681678168816981708171817281738174817581768177817881798180818181828183818481858186818781888189819081918192819381948195819681978198819982008201820282038204820582068207820882098210821182128213821482158216821782188219822082218222822382248225822682278228822982308231823282338234823582368237823882398240824182428243824482458246824782488249825082518252825382548255825682578258825982608261826282638264826582668267826882698270827182728273827482758276827782788279828082818282828382848285828682878288828982908291829282938294829582968297829882998300830183028303830483058306830783088309831083118312831383148315831683178318831983208321832283238324832583268327832883298330833183328333833483358336833783388339834083418342834383448345834683478348834983508351835283538354835583568357835883598360836183628363836483658366836783688369837083718372837383748375837683778378837983808381838283838384838583868387838883898390839183928393839483958396839783988399840084018402840384048405840684078408840984108411841284138414841584168417841884198420842184228423842484258426842784288429843084318432843384348435843684378438843984408441844284438444844584468447844884498450845184528453845484558456845784588459846084618462846384648465846684678468846984708471847284738474847584768477847884798480848184828483848484858486848784888489849084918492849384948495849684978498849985008501850285038504850585068507850885098510851185128513851485158516851785188519852085218522852385248525852685278528852985308531853285338534853585368537853885398540854185428543854485458546854785488549855085518552855385548555855685578558855985608561856285638564856585668567856885698570857185728573857485758576857785788579858085818582858385848585858685878588858985908591859285938594859585968597859885998600860186028603860486058606860786088609861086118612861386148615861686178618861986208621862286238624862586268627862886298630863186328633863486358636863786388639864086418642864386448645864686478648864986508651865286538654865586568657865886598660866186628663866486658666866786688669867086718672867386748675867686778678867986808681868286838684868586868687868886898690869186928693869486958696869786988699870087018702870387048705870687078708870987108711871287138714871587168717871887198720872187228723872487258726872787288729873087318732873387348735873687378738873987408741874287438744874587468747874887498750875187528753875487558756875787588759876087618762876387648765876687678768876987708771877287738774877587768777877887798780878187828783878487858786878787888789879087918792879387948795879687978798879988008801880288038804880588068807880888098810881188128813881488158816881788188819882088218822882388248825882688278828882988308831883288338834883588368837883888398840884188428843884488458846884788488849885088518852885388548855885688578858885988608861886288638864886588668867886888698870887188728873887488758876887788788879888088818882888388848885888688878888888988908891889288938894889588968897889888998900890189028903890489058906890789088909891089118912891389148915891689178918891989208921892289238924892589268927892889298930893189328933893489358936893789388939894089418942894389448945894689478948894989508951895289538954895589568957895889598960896189628963896489658966896789688969897089718972897389748975897689778978897989808981898289838984898589868987898889898990899189928993899489958996899789988999900090019002900390049005900690079008900990109011901290139014901590169017901890199020902190229023902490259026902790289029903090319032903390349035903690379038903990409041904290439044904590469047904890499050905190529053905490559056905790589059906090619062906390649065906690679068906990709071907290739074907590769077907890799080908190829083908490859086908790889089909090919092909390949095909690979098909991009101910291039104910591069107910891099110911191129113911491159116911791189119912091219122912391249125912691279128912991309131913291339134913591369137913891399140914191429143914491459146914791489149915091519152915391549155915691579158915991609161916291639164916591669167916891699170917191729173917491759176917791789179918091819182918391849185918691879188918991909191919291939194919591969197919891999200920192029203920492059206920792089209921092119212921392149215921692179218921992209221922292239224922592269227922892299230923192329233923492359236923792389239924092419242924392449245924692479248924992509251925292539254925592569257925892599260926192629263926492659266926792689269927092719272927392749275927692779278927992809281928292839284928592869287928892899290929192929293929492959296929792989299930093019302930393049305930693079308930993109311931293139314931593169317931893199320932193229323932493259326932793289329933093319332933393349335933693379338933993409341934293439344934593469347934893499350935193529353935493559356935793589359936093619362936393649365936693679368936993709371937293739374937593769377937893799380938193829383938493859386938793889389939093919392939393949395939693979398939994009401940294039404940594069407940894099410941194129413941494159416941794189419942094219422942394249425942694279428942994309431943294339434943594369437943894399440944194429443944494459446944794489449945094519452945394549455945694579458945994609461946294639464946594669467946894699470947194729473947494759476947794789479948094819482948394849485948694879488948994909491949294939494949594969497949894999500950195029503950495059506950795089509951095119512951395149515951695179518951995209521952295239524952595269527952895299530953195329533953495359536953795389539954095419542954395449545954695479548954995509551955295539554955595569557955895599560956195629563956495659566956795689569957095719572957395749575957695779578957995809581958295839584958595869587958895899590959195929593959495959596959795989599960096019602960396049605960696079608960996109611961296139614961596169617961896199620962196229623962496259626962796289629963096319632963396349635963696379638963996409641964296439644964596469647964896499650965196529653965496559656965796589659966096619662966396649665966696679668966996709671967296739674967596769677967896799680968196829683968496859686968796889689969096919692969396949695969696979698969997009701970297039704970597069707970897099710971197129713971497159716971797189719972097219722972397249725972697279728972997309731973297339734973597369737973897399740974197429743974497459746974797489749975097519752975397549755975697579758975997609761976297639764976597669767976897699770977197729773977497759776977797789779978097819782978397849785978697879788978997909791979297939794979597969797979897999800980198029803980498059806980798089809981098119812981398149815981698179818981998209821982298239824982598269827982898299830983198329833983498359836983798389839984098419842984398449845984698479848984998509851985298539854985598569857985898599860986198629863986498659866986798689869987098719872987398749875987698779878987998809881988298839884988598869887988898899890989198929893989498959896989798989899990099019902990399049905990699079908990999109911991299139914991599169917991899199920992199229923992499259926992799289929993099319932993399349935993699379938993999409941994299439944994599469947994899499950995199529953995499559956995799589959996099619962996399649965996699679968996999709971997299739974997599769977997899799980998199829983998499859986998799889989999099919992999399949995999699979998999910000100011000210003100041000510006100071000810009100101001110012100131001410015100161001710018100191002010021100221002310024100251002610027100281002910030100311003210033100341003510036100371003810039100401004110042100431004410045100461004710048100491005010051100521005310054100551005610057100581005910060100611006210063100641006510066100671006810069100701007110072100731007410075100761007710078100791008010081100821008310084100851008610087100881008910090100911009210093100941009510096100971009810099101001010110102101031010410105101061010710108101091011010111101121011310114101151011610117101181011910120101211012210123101241012510126101271012810129101301013110132101331013410135101361013710138101391014010141101421014310144101451014610147101481014910150101511015210153101541015510156101571015810159101601016110162101631016410165101661016710168101691017010171101721017310174101751017610177101781017910180101811018210183101841018510186101871018810189101901019110192101931019410195101961019710198101991020010201102021020310204102051020610207102081020910210102111021210213102141021510216102171021810219102201022110222102231022410225102261022710228102291023010231102321023310234102351023610237102381023910240102411024210243102441024510246102471024810249102501025110252102531025410255102561025710258102591026010261102621026310264102651026610267102681026910270102711027210273102741027510276102771027810279102801028110282102831028410285102861028710288102891029010291102921029310294102951029610297102981029910300103011030210303103041030510306103071030810309103101031110312103131031410315103161031710318103191032010321103221032310324103251032610327103281032910330103311033210333103341033510336103371033810339103401034110342103431034410345103461034710348103491035010351103521035310354103551035610357103581035910360103611036210363103641036510366103671036810369103701037110372103731037410375103761037710378103791038010381103821038310384103851038610387103881038910390103911039210393103941039510396103971039810399104001040110402104031040410405104061040710408104091041010411104121041310414104151041610417104181041910420104211042210423104241042510426104271042810429104301043110432104331043410435104361043710438104391044010441104421044310444104451044610447104481044910450104511045210453104541045510456104571045810459104601046110462104631046410465104661046710468104691047010471104721047310474104751047610477104781047910480104811048210483104841048510486104871048810489104901049110492104931049410495104961049710498104991050010501105021050310504105051050610507105081050910510105111051210513105141051510516105171051810519105201052110522105231052410525105261052710528105291053010531105321053310534105351053610537105381053910540105411054210543105441054510546105471054810549105501055110552105531055410555105561055710558105591056010561105621056310564105651056610567105681056910570105711057210573105741057510576105771057810579105801058110582105831058410585105861058710588105891059010591105921059310594105951059610597105981059910600106011060210603106041060510606106071060810609106101061110612106131061410615106161061710618106191062010621106221062310624106251062610627106281062910630106311063210633106341063510636106371063810639106401064110642106431064410645106461064710648106491065010651106521065310654106551065610657106581065910660106611066210663106641066510666106671066810669106701067110672106731067410675106761067710678106791068010681106821068310684106851068610687106881068910690106911069210693106941069510696106971069810699107001070110702107031070410705107061070710708107091071010711107121071310714107151071610717107181071910720107211072210723107241072510726107271072810729107301073110732107331073410735107361073710738107391074010741107421074310744107451074610747107481074910750107511075210753107541075510756107571075810759107601076110762107631076410765107661076710768107691077010771107721077310774107751077610777107781077910780107811078210783107841078510786107871078810789107901079110792107931079410795107961079710798107991080010801108021080310804108051080610807108081080910810108111081210813108141081510816108171081810819108201082110822108231082410825108261082710828108291083010831108321083310834108351083610837108381083910840108411084210843108441084510846108471084810849108501085110852108531085410855108561085710858108591086010861108621086310864108651086610867108681086910870108711087210873108741087510876108771087810879108801088110882108831088410885108861088710888108891089010891108921089310894108951089610897108981089910900109011090210903109041090510906109071090810909109101091110912109131091410915109161091710918109191092010921109221092310924109251092610927109281092910930109311093210933109341093510936109371093810939109401094110942109431094410945109461094710948109491095010951109521095310954109551095610957109581095910960109611096210963109641096510966109671096810969109701097110972109731097410975109761097710978109791098010981109821098310984109851098610987109881098910990109911099210993109941099510996109971099810999110001100111002110031100411005110061100711008110091101011011110121101311014110151101611017110181101911020110211102211023110241102511026110271102811029110301103111032110331103411035110361103711038110391104011041110421104311044110451104611047110481104911050110511105211053110541105511056110571105811059110601106111062110631106411065110661106711068110691107011071110721107311074110751107611077110781107911080110811108211083110841108511086110871108811089110901109111092110931109411095110961109711098110991110011101111021110311104111051110611107111081110911110111111111211113111141111511116111171111811119111201112111122111231112411125111261112711128111291113011131111321113311134111351113611137111381113911140111411114211143111441114511146111471114811149111501115111152111531115411155111561115711158111591116011161111621116311164111651116611167111681116911170111711117211173111741117511176111771117811179111801118111182111831118411185111861118711188111891119011191111921119311194111951119611197111981119911200112011120211203112041120511206112071120811209112101121111212112131121411215112161121711218112191122011221112221122311224112251122611227112281122911230112311123211233112341123511236112371123811239112401124111242112431124411245112461124711248112491125011251112521125311254112551125611257112581125911260112611126211263112641126511266112671126811269112701127111272112731127411275112761127711278112791128011281112821128311284112851128611287112881128911290112911129211293112941129511296112971129811299113001130111302113031130411305113061130711308113091131011311113121131311314113151131611317113181131911320113211132211323113241132511326113271132811329113301133111332113331133411335113361133711338113391134011341113421134311344113451134611347113481134911350113511135211353113541135511356113571135811359113601136111362113631136411365113661136711368113691137011371113721137311374113751137611377113781137911380113811138211383113841138511386113871138811389113901139111392113931139411395113961139711398113991140011401114021140311404114051140611407114081140911410114111141211413114141141511416114171141811419114201142111422114231142411425114261142711428114291143011431114321143311434114351143611437114381143911440114411144211443114441144511446114471144811449114501145111452114531145411455114561145711458114591146011461114621146311464114651146611467114681146911470114711147211473114741147511476114771147811479114801148111482114831148411485114861148711488114891149011491114921149311494114951149611497114981149911500115011150211503115041150511506115071150811509115101151111512115131151411515115161151711518115191152011521115221152311524115251152611527115281152911530115311153211533115341153511536115371153811539115401154111542115431154411545115461154711548115491155011551115521155311554115551155611557115581155911560115611156211563115641156511566115671156811569115701157111572115731157411575115761157711578115791158011581115821158311584115851158611587115881158911590115911159211593115941159511596115971159811599116001160111602116031160411605116061160711608116091161011611116121161311614116151161611617116181161911620116211162211623116241162511626116271162811629116301163111632116331163411635116361163711638116391164011641116421164311644116451164611647116481164911650116511165211653116541165511656116571165811659116601166111662116631166411665116661166711668116691167011671116721167311674116751167611677116781167911680116811168211683116841168511686116871168811689116901169111692116931169411695116961169711698116991170011701117021170311704117051170611707117081170911710117111171211713117141171511716117171171811719117201172111722117231172411725117261172711728117291173011731117321173311734117351173611737117381173911740117411174211743117441174511746117471174811749117501175111752117531175411755117561175711758117591176011761117621176311764117651176611767117681176911770117711177211773117741177511776117771177811779117801178111782117831178411785117861178711788117891179011791117921179311794117951179611797117981179911800118011180211803118041180511806118071180811809118101181111812118131181411815118161181711818118191182011821118221182311824118251182611827118281182911830118311183211833118341183511836118371183811839118401184111842118431184411845118461184711848118491185011851118521185311854118551185611857118581185911860118611186211863118641186511866118671186811869118701187111872118731187411875118761187711878118791188011881118821188311884118851188611887118881188911890118911189211893118941189511896118971189811899119001190111902119031190411905119061190711908119091191011911119121191311914119151191611917119181191911920119211192211923119241192511926119271192811929119301193111932119331193411935119361193711938119391194011941119421194311944119451194611947119481194911950119511195211953119541195511956119571195811959119601196111962119631196411965119661196711968119691197011971119721197311974119751197611977119781197911980119811198211983119841198511986119871198811989119901199111992119931199411995119961199711998119991200012001120021200312004120051200612007120081200912010120111201212013120141201512016120171201812019120201202112022120231202412025120261202712028120291203012031120321203312034120351203612037120381203912040120411204212043120441204512046120471204812049120501205112052120531205412055120561205712058120591206012061120621206312064120651206612067120681206912070120711207212073120741207512076120771207812079120801208112082120831208412085120861208712088120891209012091120921209312094120951209612097120981209912100121011210212103121041210512106121071210812109121101211112112121131211412115121161211712118121191212012121121221212312124121251212612127121281212912130121311213212133121341213512136121371213812139121401214112142121431214412145121461214712148121491215012151121521215312154121551215612157121581215912160121611216212163121641216512166121671216812169121701217112172121731217412175121761217712178121791218012181121821218312184121851218612187121881218912190121911219212193121941219512196121971219812199122001220112202122031220412205122061220712208122091221012211122121221312214122151221612217122181221912220122211222212223122241222512226122271222812229122301223112232122331223412235122361223712238122391224012241122421224312244122451224612247122481224912250122511225212253122541225512256122571225812259122601226112262122631226412265122661226712268122691227012271122721227312274122751227612277122781227912280122811228212283122841228512286122871228812289122901229112292122931229412295122961229712298122991230012301123021230312304123051230612307123081230912310123111231212313123141231512316123171231812319123201232112322123231232412325123261232712328123291233012331123321233312334123351233612337123381233912340123411234212343123441234512346123471234812349123501235112352123531235412355123561235712358123591236012361123621236312364123651236612367123681236912370123711237212373123741237512376123771237812379123801238112382123831238412385123861238712388123891239012391123921239312394123951239612397123981239912400124011240212403124041240512406124071240812409124101241112412124131241412415124161241712418124191242012421124221242312424124251242612427124281242912430124311243212433124341243512436124371243812439124401244112442124431244412445124461244712448124491245012451124521245312454124551245612457124581245912460124611246212463124641246512466124671246812469124701247112472124731247412475124761247712478124791248012481124821248312484124851248612487124881248912490124911249212493124941249512496124971249812499125001250112502125031250412505125061250712508125091251012511125121251312514125151251612517125181251912520125211252212523125241252512526125271252812529125301253112532125331253412535125361253712538125391254012541125421254312544125451254612547125481254912550125511255212553125541255512556125571255812559125601256112562125631256412565125661256712568125691257012571125721257312574125751257612577125781257912580125811258212583125841258512586125871258812589125901259112592125931259412595125961259712598125991260012601126021260312604126051260612607126081260912610126111261212613126141261512616126171261812619126201262112622126231262412625126261262712628126291263012631126321263312634126351263612637126381263912640126411264212643126441264512646126471264812649126501265112652126531265412655126561265712658126591266012661126621266312664126651266612667126681266912670126711267212673126741267512676126771267812679126801268112682126831268412685126861268712688126891269012691126921269312694126951269612697126981269912700127011270212703127041270512706127071270812709127101271112712127131271412715127161271712718127191272012721127221272312724127251272612727127281272912730127311273212733127341273512736127371273812739127401274112742127431274412745127461274712748127491275012751127521275312754127551275612757127581275912760127611276212763127641276512766127671276812769127701277112772127731277412775127761277712778127791278012781127821278312784127851278612787127881278912790127911279212793127941279512796127971279812799128001280112802128031280412805128061280712808128091281012811128121281312814128151281612817128181281912820128211282212823128241282512826128271282812829128301283112832128331283412835128361283712838128391284012841128421284312844128451284612847128481284912850128511285212853128541285512856128571285812859128601286112862128631286412865128661286712868128691287012871128721287312874128751287612877128781287912880128811288212883128841288512886128871288812889128901289112892128931289412895128961289712898128991290012901129021290312904129051290612907129081290912910129111291212913129141291512916129171291812919129201292112922129231292412925129261292712928129291293012931129321293312934129351293612937129381293912940129411294212943129441294512946129471294812949129501295112952129531295412955129561295712958129591296012961129621296312964129651296612967129681296912970129711297212973129741297512976129771297812979129801298112982129831298412985129861298712988129891299012991129921299312994129951299612997129981299913000130011300213003130041300513006130071300813009130101301113012130131301413015130161301713018130191302013021130221302313024130251302613027130281302913030130311303213033130341303513036130371303813039130401304113042130431304413045130461304713048130491305013051130521305313054130551305613057130581305913060130611306213063130641306513066130671306813069130701307113072130731307413075130761307713078130791308013081130821308313084130851308613087130881308913090130911309213093130941309513096130971309813099131001310113102131031310413105131061310713108131091311013111131121311313114131151311613117131181311913120131211312213123131241312513126131271312813129131301313113132131331313413135131361313713138131391314013141131421314313144131451314613147131481314913150131511315213153131541315513156131571315813159131601316113162131631316413165131661316713168131691317013171131721317313174131751317613177131781317913180131811318213183131841318513186131871318813189131901319113192131931319413195131961319713198131991320013201132021320313204132051320613207132081320913210132111321213213132141321513216132171321813219132201322113222132231322413225132261322713228132291323013231132321323313234132351323613237132381323913240132411324213243132441324513246132471324813249132501325113252132531325413255132561325713258132591326013261132621326313264132651326613267132681326913270132711327213273132741327513276132771327813279132801328113282132831328413285132861328713288132891329013291132921329313294132951329613297132981329913300133011330213303133041330513306133071330813309133101331113312133131331413315133161331713318133191332013321133221332313324133251332613327133281332913330133311333213333133341333513336133371333813339133401334113342133431334413345133461334713348133491335013351133521335313354133551335613357133581335913360133611336213363133641336513366133671336813369133701337113372133731337413375133761337713378133791338013381133821338313384133851338613387133881338913390133911339213393133941339513396133971339813399134001340113402134031340413405134061340713408134091341013411134121341313414134151341613417134181341913420134211342213423134241342513426134271342813429134301343113432134331343413435134361343713438134391344013441134421344313444134451344613447134481344913450134511345213453134541345513456134571345813459134601346113462134631346413465134661346713468134691347013471134721347313474134751347613477134781347913480134811348213483134841348513486134871348813489134901349113492134931349413495134961349713498134991350013501135021350313504135051350613507135081350913510135111351213513135141351513516135171351813519135201352113522135231352413525135261352713528135291353013531135321353313534135351353613537135381353913540135411354213543135441354513546135471354813549135501355113552135531355413555135561355713558135591356013561135621356313564135651356613567135681356913570135711357213573135741357513576135771357813579135801358113582135831358413585135861358713588135891359013591135921359313594135951359613597135981359913600136011360213603136041360513606136071360813609136101361113612136131361413615136161361713618136191362013621136221362313624136251362613627136281362913630136311363213633136341363513636136371363813639136401364113642136431364413645136461364713648136491365013651136521365313654136551365613657136581365913660136611366213663136641366513666136671366813669136701367113672136731367413675136761367713678136791368013681136821368313684136851368613687136881368913690136911369213693136941369513696136971369813699137001370113702137031370413705137061370713708137091371013711137121371313714137151371613717137181371913720137211372213723137241372513726137271372813729137301373113732137331373413735137361373713738137391374013741137421374313744137451374613747137481374913750137511375213753137541375513756137571375813759137601376113762137631376413765137661376713768137691377013771137721377313774137751377613777137781377913780137811378213783137841378513786137871378813789137901379113792137931379413795137961379713798137991380013801138021380313804138051380613807138081380913810138111381213813138141381513816138171381813819138201382113822138231382413825138261382713828138291383013831138321383313834138351383613837138381383913840138411384213843138441384513846138471384813849138501385113852138531385413855138561385713858138591386013861138621386313864138651386613867138681386913870138711387213873138741387513876138771387813879138801388113882138831388413885138861388713888138891389013891138921389313894138951389613897138981389913900139011390213903139041390513906139071390813909139101391113912139131391413915139161391713918139191392013921139221392313924139251392613927139281392913930139311393213933139341393513936139371393813939139401394113942139431394413945139461394713948139491395013951139521395313954139551395613957139581395913960139611396213963139641396513966139671396813969139701397113972139731397413975139761397713978139791398013981139821398313984139851398613987139881398913990139911399213993139941399513996139971399813999140001400114002140031400414005140061400714008140091401014011140121401314014140151401614017140181401914020140211402214023140241402514026140271402814029140301403114032140331403414035140361403714038140391404014041140421404314044140451404614047140481404914050140511405214053140541405514056140571405814059140601406114062140631406414065140661406714068140691407014071140721407314074140751407614077140781407914080140811408214083140841408514086140871408814089140901409114092140931409414095140961409714098140991410014101141021410314104141051410614107141081410914110141111411214113141141411514116141171411814119141201412114122141231412414125141261412714128141291413014131141321413314134141351413614137141381413914140141411414214143141441414514146141471414814149141501415114152141531415414155141561415714158141591416014161141621416314164141651416614167141681416914170141711417214173141741417514176141771417814179141801418114182141831418414185141861418714188141891419014191141921419314194141951419614197141981419914200142011420214203142041420514206142071420814209142101421114212142131421414215142161421714218142191422014221142221422314224142251422614227142281422914230142311423214233142341423514236142371423814239142401424114242142431424414245142461424714248142491425014251142521425314254142551425614257142581425914260142611426214263142641426514266142671426814269142701427114272142731427414275142761427714278142791428014281142821428314284142851428614287142881428914290142911429214293142941429514296142971429814299143001430114302143031430414305143061430714308143091431014311143121431314314143151431614317143181431914320143211432214323143241432514326143271432814329143301433114332143331433414335143361433714338143391434014341143421434314344143451434614347143481434914350143511435214353143541435514356143571435814359143601436114362143631436414365143661436714368143691437014371143721437314374143751437614377143781437914380143811438214383143841438514386143871438814389143901439114392143931439414395143961439714398143991440014401144021440314404144051440614407144081440914410144111441214413144141441514416144171441814419144201442114422144231442414425144261442714428144291443014431144321443314434144351443614437144381443914440144411444214443144441444514446144471444814449144501445114452144531445414455144561445714458144591446014461144621446314464144651446614467144681446914470144711447214473144741447514476144771447814479144801448114482144831448414485144861448714488144891449014491144921449314494144951449614497144981449914500145011450214503145041450514506145071450814509145101451114512145131451414515145161451714518145191452014521145221452314524145251452614527145281452914530145311453214533145341453514536145371453814539145401454114542145431454414545145461454714548145491455014551145521455314554145551455614557145581455914560145611456214563145641456514566145671456814569145701457114572145731457414575145761457714578145791458014581145821458314584145851458614587145881458914590145911459214593145941459514596145971459814599146001460114602146031460414605146061460714608146091461014611146121461314614146151461614617146181461914620146211462214623146241462514626146271462814629146301463114632146331463414635146361463714638146391464014641146421464314644146451464614647146481464914650146511465214653146541465514656146571465814659146601466114662146631466414665146661466714668146691467014671146721467314674146751467614677146781467914680146811468214683146841468514686146871468814689146901469114692146931469414695146961469714698146991470014701147021470314704147051470614707147081470914710147111471214713147141471514716147171471814719147201472114722147231472414725147261472714728147291473014731147321473314734147351473614737147381473914740147411474214743147441474514746147471474814749147501475114752147531475414755147561475714758147591476014761147621476314764147651476614767147681476914770147711477214773147741477514776147771477814779147801478114782147831478414785147861478714788147891479014791147921479314794147951479614797147981479914800148011480214803148041480514806148071480814809148101481114812148131481414815148161481714818148191482014821148221482314824148251482614827148281482914830148311483214833148341483514836148371483814839148401484114842148431484414845148461484714848148491485014851148521485314854148551485614857148581485914860148611486214863148641486514866148671486814869148701487114872148731487414875148761487714878148791488014881148821488314884148851488614887148881488914890148911489214893148941489514896148971489814899149001490114902149031490414905149061490714908149091491014911149121491314914149151491614917149181491914920149211492214923149241492514926149271492814929149301493114932149331493414935149361493714938149391494014941149421494314944149451494614947149481494914950149511495214953149541495514956149571495814959149601496114962149631496414965149661496714968149691497014971149721497314974149751497614977149781497914980149811498214983149841498514986149871498814989149901499114992149931499414995149961499714998149991500015001150021500315004150051500615007150081500915010150111501215013150141501515016150171501815019150201502115022150231502415025150261502715028150291503015031150321503315034150351503615037150381503915040150411504215043150441504515046150471504815049150501505115052150531505415055150561505715058150591506015061150621506315064150651506615067150681506915070150711507215073150741507515076150771507815079150801508115082150831508415085150861508715088150891509015091150921509315094150951509615097150981509915100151011510215103151041510515106151071510815109151101511115112151131511415115151161511715118151191512015121151221512315124151251512615127151281512915130151311513215133151341513515136151371513815139151401514115142151431514415145151461514715148151491515015151151521515315154151551515615157151581515915160151611516215163151641516515166151671516815169151701517115172151731517415175151761517715178151791518015181151821518315184151851518615187151881518915190151911519215193151941519515196151971519815199152001520115202152031520415205152061520715208152091521015211152121521315214152151521615217152181521915220152211522215223152241522515226152271522815229152301523115232152331523415235152361523715238152391524015241152421524315244152451524615247152481524915250152511525215253152541525515256152571525815259152601526115262152631526415265152661526715268152691527015271152721527315274152751527615277152781527915280152811528215283152841528515286152871528815289152901529115292152931529415295152961529715298152991530015301153021530315304153051530615307153081530915310153111531215313153141531515316153171531815319153201532115322153231532415325153261532715328153291533015331153321533315334153351533615337153381533915340153411534215343153441534515346153471534815349153501535115352153531535415355153561535715358153591536015361153621536315364153651536615367153681536915370153711537215373153741537515376153771537815379153801538115382153831538415385153861538715388153891539015391153921539315394153951539615397153981539915400154011540215403154041540515406154071540815409154101541115412154131541415415154161541715418154191542015421154221542315424154251542615427154281542915430154311543215433154341543515436154371543815439154401544115442154431544415445154461544715448154491545015451154521545315454154551545615457154581545915460154611546215463154641546515466154671546815469154701547115472154731547415475154761547715478154791548015481154821548315484154851548615487154881548915490154911549215493154941549515496154971549815499155001550115502155031550415505155061550715508155091551015511155121551315514155151551615517155181551915520155211552215523155241552515526155271552815529155301553115532155331553415535155361553715538155391554015541155421554315544155451554615547155481554915550155511555215553155541555515556155571555815559155601556115562155631556415565155661556715568155691557015571155721557315574155751557615577155781557915580155811558215583155841558515586155871558815589155901559115592155931559415595155961559715598155991560015601156021560315604156051560615607156081560915610156111561215613156141561515616156171561815619156201562115622156231562415625156261562715628156291563015631156321563315634156351563615637156381563915640156411564215643156441564515646156471564815649156501565115652156531565415655156561565715658156591566015661156621566315664156651566615667156681566915670156711567215673156741567515676156771567815679156801568115682156831568415685156861568715688156891569015691156921569315694156951569615697156981569915700157011570215703157041570515706157071570815709157101571115712157131571415715157161571715718157191572015721157221572315724157251572615727157281572915730157311573215733157341573515736157371573815739157401574115742157431574415745157461574715748157491575015751157521575315754157551575615757157581575915760157611576215763157641576515766157671576815769157701577115772157731577415775157761577715778157791578015781157821578315784157851578615787157881578915790157911579215793157941579515796157971579815799158001580115802158031580415805158061580715808158091581015811158121581315814158151581615817158181581915820158211582215823158241582515826158271582815829158301583115832158331583415835158361583715838158391584015841158421584315844158451584615847158481584915850158511585215853158541585515856158571585815859158601586115862158631586415865158661586715868158691587015871158721587315874158751587615877158781587915880158811588215883158841588515886158871588815889158901589115892158931589415895158961589715898158991590015901159021590315904159051590615907159081590915910159111591215913159141591515916159171591815919159201592115922159231592415925159261592715928159291593015931159321593315934159351593615937159381593915940159411594215943159441594515946159471594815949159501595115952159531595415955159561595715958159591596015961159621596315964159651596615967159681596915970159711597215973159741597515976159771597815979159801598115982159831598415985159861598715988159891599015991159921599315994159951599615997159981599916000160011600216003160041600516006160071600816009160101601116012160131601416015160161601716018160191602016021160221602316024160251602616027160281602916030160311603216033160341603516036160371603816039160401604116042160431604416045160461604716048160491605016051160521605316054160551605616057160581605916060160611606216063160641606516066160671606816069160701607116072160731607416075160761607716078160791608016081160821608316084160851608616087160881608916090160911609216093160941609516096160971609816099161001610116102161031610416105161061610716108161091611016111161121611316114161151611616117161181611916120161211612216123161241612516126161271612816129161301613116132161331613416135161361613716138161391614016141161421614316144161451614616147161481614916150161511615216153161541615516156161571615816159161601616116162161631616416165161661616716168161691617016171161721617316174161751617616177161781617916180161811618216183161841618516186161871618816189161901619116192161931619416195161961619716198161991620016201162021620316204162051620616207162081620916210162111621216213162141621516216162171621816219162201622116222162231622416225162261622716228162291623016231162321623316234162351623616237162381623916240162411624216243162441624516246162471624816249162501625116252162531625416255162561625716258162591626016261162621626316264162651626616267162681626916270162711627216273162741627516276162771627816279162801628116282162831628416285162861628716288162891629016291162921629316294162951629616297162981629916300163011630216303163041630516306163071630816309163101631116312163131631416315163161631716318163191632016321163221632316324163251632616327163281632916330163311633216333163341633516336163371633816339163401634116342163431634416345163461634716348163491635016351163521635316354163551635616357163581635916360163611636216363163641636516366163671636816369163701637116372163731637416375163761637716378163791638016381163821638316384163851638616387163881638916390163911639216393163941639516396163971639816399164001640116402164031640416405164061640716408164091641016411164121641316414164151641616417164181641916420164211642216423164241642516426164271642816429164301643116432164331643416435164361643716438164391644016441164421644316444164451644616447164481644916450164511645216453164541645516456164571645816459164601646116462164631646416465164661646716468164691647016471164721647316474164751647616477164781647916480164811648216483164841648516486164871648816489164901649116492164931649416495164961649716498164991650016501165021650316504165051650616507165081650916510165111651216513165141651516516165171651816519165201652116522165231652416525165261652716528165291653016531165321653316534165351653616537165381653916540165411654216543165441654516546165471654816549165501655116552165531655416555165561655716558165591656016561165621656316564165651656616567165681656916570165711657216573165741657516576165771657816579165801658116582165831658416585165861658716588165891659016591165921659316594165951659616597165981659916600166011660216603166041660516606166071660816609166101661116612166131661416615166161661716618166191662016621166221662316624166251662616627166281662916630166311663216633166341663516636166371663816639166401664116642166431664416645166461664716648166491665016651166521665316654166551665616657166581665916660166611666216663166641666516666166671666816669166701667116672166731667416675166761667716678166791668016681166821668316684166851668616687166881668916690166911669216693166941669516696166971669816699167001670116702167031670416705167061670716708167091671016711167121671316714167151671616717167181671916720167211672216723167241672516726167271672816729167301673116732167331673416735167361673716738167391674016741167421674316744167451674616747167481674916750167511675216753167541675516756167571675816759167601676116762167631676416765167661676716768167691677016771167721677316774167751677616777167781677916780167811678216783167841678516786167871678816789167901679116792167931679416795167961679716798167991680016801168021680316804168051680616807168081680916810168111681216813168141681516816168171681816819168201682116822168231682416825168261682716828168291683016831168321683316834168351683616837168381683916840168411684216843168441684516846168471684816849168501685116852168531685416855168561685716858168591686016861168621686316864168651686616867168681686916870168711687216873168741687516876168771687816879168801688116882168831688416885168861688716888168891689016891168921689316894168951689616897168981689916900169011690216903169041690516906169071690816909169101691116912169131691416915169161691716918169191692016921169221692316924169251692616927169281692916930169311693216933169341693516936169371693816939169401694116942169431694416945169461694716948169491695016951169521695316954169551695616957169581695916960169611696216963169641696516966169671696816969169701697116972169731697416975169761697716978169791698016981169821698316984169851698616987169881698916990169911699216993169941699516996169971699816999170001700117002170031700417005170061700717008170091701017011170121701317014170151701617017170181701917020170211702217023170241702517026170271702817029170301703117032170331703417035170361703717038170391704017041170421704317044170451704617047170481704917050170511705217053170541705517056170571705817059170601706117062170631706417065170661706717068170691707017071170721707317074170751707617077170781707917080170811708217083170841708517086170871708817089170901709117092170931709417095170961709717098170991710017101171021710317104171051710617107171081710917110171111711217113171141711517116171171711817119171201712117122171231712417125171261712717128171291713017131171321713317134171351713617137171381713917140171411714217143171441714517146171471714817149171501715117152171531715417155171561715717158171591716017161171621716317164171651716617167171681716917170171711717217173171741717517176171771717817179171801718117182171831718417185171861718717188171891719017191171921719317194171951719617197171981719917200172011720217203172041720517206172071720817209172101721117212172131721417215172161721717218172191722017221172221722317224172251722617227172281722917230172311723217233172341723517236172371723817239172401724117242172431724417245172461724717248172491725017251172521725317254172551725617257172581725917260172611726217263172641726517266172671726817269172701727117272172731727417275172761727717278172791728017281172821728317284172851728617287172881728917290172911729217293172941729517296172971729817299173001730117302173031730417305173061730717308173091731017311173121731317314173151731617317173181731917320173211732217323173241732517326173271732817329173301733117332173331733417335173361733717338173391734017341173421734317344173451734617347173481734917350173511735217353173541735517356173571735817359173601736117362173631736417365173661736717368173691737017371173721737317374173751737617377173781737917380173811738217383173841738517386173871738817389173901739117392173931739417395173961739717398173991740017401174021740317404174051740617407174081740917410174111741217413174141741517416174171741817419174201742117422174231742417425174261742717428174291743017431174321743317434174351743617437174381743917440174411744217443174441744517446174471744817449174501745117452174531745417455174561745717458174591746017461174621746317464174651746617467174681746917470174711747217473174741747517476174771747817479174801748117482174831748417485174861748717488174891749017491174921749317494174951749617497174981749917500175011750217503175041750517506175071750817509175101751117512175131751417515175161751717518175191752017521175221752317524175251752617527175281752917530175311753217533175341753517536175371753817539175401754117542175431754417545175461754717548175491755017551175521755317554175551755617557175581755917560175611756217563175641756517566175671756817569175701757117572175731757417575175761757717578175791758017581175821758317584175851758617587175881758917590175911759217593175941759517596175971759817599176001760117602176031760417605176061760717608176091761017611176121761317614176151761617617176181761917620176211762217623176241762517626176271762817629176301763117632176331763417635176361763717638176391764017641176421764317644176451764617647176481764917650176511765217653176541765517656176571765817659176601766117662176631766417665176661766717668176691767017671176721767317674176751767617677176781767917680176811768217683176841768517686176871768817689176901769117692176931769417695176961769717698176991770017701177021770317704177051770617707177081770917710177111771217713177141771517716177171771817719177201772117722177231772417725177261772717728177291773017731177321773317734177351773617737177381773917740177411774217743177441774517746177471774817749177501775117752177531775417755177561775717758177591776017761177621776317764177651776617767177681776917770177711777217773177741777517776177771777817779177801778117782177831778417785177861778717788177891779017791177921779317794177951779617797177981779917800178011780217803178041780517806178071780817809178101781117812178131781417815178161781717818178191782017821178221782317824178251782617827178281782917830178311783217833178341783517836178371783817839178401784117842178431784417845178461784717848178491785017851178521785317854178551785617857178581785917860178611786217863178641786517866178671786817869178701787117872178731787417875178761787717878178791788017881178821788317884178851788617887178881788917890178911789217893178941789517896178971789817899179001790117902179031790417905179061790717908179091791017911179121791317914179151791617917179181791917920179211792217923179241792517926179271792817929179301793117932179331793417935179361793717938179391794017941179421794317944179451794617947179481794917950179511795217953179541795517956179571795817959179601796117962179631796417965179661796717968179691797017971179721797317974179751797617977179781797917980179811798217983179841798517986179871798817989179901799117992179931799417995179961799717998179991800018001180021800318004180051800618007180081800918010180111801218013180141801518016180171801818019180201802118022180231802418025180261802718028180291803018031180321803318034180351803618037180381803918040180411804218043180441804518046180471804818049180501805118052180531805418055180561805718058180591806018061180621806318064180651806618067180681806918070180711807218073180741807518076180771807818079180801808118082180831808418085180861808718088180891809018091180921809318094180951809618097180981809918100181011810218103181041810518106181071810818109181101811118112181131811418115181161811718118181191812018121181221812318124181251812618127181281812918130181311813218133181341813518136181371813818139181401814118142181431814418145181461814718148181491815018151181521815318154181551815618157181581815918160181611816218163181641816518166181671816818169181701817118172181731817418175181761817718178181791818018181181821818318184181851818618187181881818918190181911819218193181941819518196181971819818199182001820118202182031820418205182061820718208182091821018211182121821318214182151821618217182181821918220182211822218223182241822518226182271822818229182301823118232182331823418235182361823718238182391824018241182421824318244182451824618247182481824918250182511825218253182541825518256182571825818259182601826118262182631826418265182661826718268182691827018271182721827318274182751827618277182781827918280182811828218283182841828518286182871828818289182901829118292182931829418295182961829718298182991830018301183021830318304183051830618307183081830918310183111831218313183141831518316183171831818319183201832118322183231832418325183261832718328183291833018331183321833318334183351833618337183381833918340183411834218343183441834518346183471834818349183501835118352183531835418355183561835718358183591836018361183621836318364183651836618367183681836918370183711837218373183741837518376183771837818379183801838118382183831838418385183861838718388183891839018391183921839318394183951839618397183981839918400184011840218403184041840518406184071840818409184101841118412184131841418415184161841718418184191842018421184221842318424184251842618427184281842918430184311843218433184341843518436184371843818439184401844118442184431844418445184461844718448184491845018451184521845318454184551845618457184581845918460184611846218463184641846518466184671846818469184701847118472184731847418475184761847718478184791848018481184821848318484184851848618487184881848918490184911849218493184941849518496184971849818499185001850118502185031850418505185061850718508185091851018511185121851318514185151851618517185181851918520185211852218523185241852518526185271852818529185301853118532185331853418535185361853718538185391854018541185421854318544185451854618547185481854918550185511855218553185541855518556185571855818559185601856118562185631856418565185661856718568185691857018571185721857318574185751857618577185781857918580185811858218583185841858518586185871858818589185901859118592185931859418595185961859718598185991860018601186021860318604186051860618607186081860918610186111861218613186141861518616186171861818619186201862118622186231862418625186261862718628186291863018631186321863318634186351863618637186381863918640186411864218643186441864518646186471864818649186501865118652186531865418655186561865718658186591866018661186621866318664186651866618667186681866918670186711867218673186741867518676186771867818679186801868118682186831868418685186861868718688186891869018691186921869318694186951869618697186981869918700187011870218703187041870518706187071870818709187101871118712187131871418715187161871718718187191872018721187221872318724187251872618727187281872918730187311873218733187341873518736187371873818739187401874118742187431874418745187461874718748187491875018751187521875318754187551875618757187581875918760187611876218763187641876518766187671876818769187701877118772187731877418775187761877718778187791878018781187821878318784187851878618787187881878918790187911879218793187941879518796187971879818799188001880118802188031880418805188061880718808188091881018811188121881318814188151881618817188181881918820188211882218823188241882518826188271882818829188301883118832188331883418835188361883718838188391884018841188421884318844188451884618847188481884918850188511885218853188541885518856188571885818859188601886118862188631886418865188661886718868188691887018871188721887318874188751887618877188781887918880188811888218883188841888518886188871888818889188901889118892188931889418895188961889718898188991890018901189021890318904189051890618907189081890918910189111891218913189141891518916189171891818919189201892118922189231892418925189261892718928189291893018931189321893318934189351893618937189381893918940189411894218943189441894518946189471894818949189501895118952189531895418955189561895718958189591896018961189621896318964189651896618967189681896918970189711897218973189741897518976189771897818979189801898118982189831898418985189861898718988189891899018991189921899318994189951899618997189981899919000190011900219003190041900519006190071900819009190101901119012190131901419015190161901719018190191902019021190221902319024190251902619027190281902919030190311903219033190341903519036190371903819039190401904119042190431904419045190461904719048190491905019051190521905319054190551905619057190581905919060190611906219063190641906519066190671906819069190701907119072190731907419075190761907719078190791908019081190821908319084190851908619087190881908919090190911909219093190941909519096190971909819099191001910119102191031910419105191061910719108191091911019111191121911319114191151911619117191181911919120191211912219123191241912519126191271912819129191301913119132191331913419135191361913719138191391914019141191421914319144191451914619147191481914919150191511915219153191541915519156191571915819159191601916119162191631916419165191661916719168191691917019171191721917319174191751917619177191781917919180191811918219183191841918519186191871918819189191901919119192191931919419195191961919719198191991920019201192021920319204192051920619207192081920919210192111921219213192141921519216192171921819219192201922119222192231922419225192261922719228192291923019231192321923319234192351923619237192381923919240192411924219243192441924519246192471924819249192501925119252192531925419255192561925719258192591926019261192621926319264192651926619267192681926919270192711927219273192741927519276192771927819279192801928119282192831928419285192861928719288192891929019291192921929319294192951929619297192981929919300193011930219303193041930519306193071930819309193101931119312193131931419315193161931719318193191932019321193221932319324193251932619327193281932919330193311933219333193341933519336193371933819339193401934119342193431934419345193461934719348193491935019351193521935319354193551935619357193581935919360193611936219363193641936519366193671936819369193701937119372193731937419375193761937719378193791938019381193821938319384193851938619387193881938919390193911939219393193941939519396193971939819399194001940119402194031940419405194061940719408194091941019411194121941319414194151941619417194181941919420194211942219423194241942519426194271942819429194301943119432194331943419435194361943719438194391944019441194421944319444194451944619447194481944919450194511945219453194541945519456194571945819459194601946119462194631946419465194661946719468194691947019471194721947319474194751947619477194781947919480194811948219483194841948519486194871948819489194901949119492194931949419495194961949719498194991950019501195021950319504195051950619507195081950919510195111951219513195141951519516195171951819519195201952119522195231952419525195261952719528195291953019531195321953319534195351953619537195381953919540195411954219543195441954519546195471954819549195501955119552195531955419555195561955719558195591956019561195621956319564195651956619567195681956919570195711957219573195741957519576195771957819579195801958119582195831958419585195861958719588195891959019591195921959319594195951959619597195981959919600196011960219603196041960519606196071960819609196101961119612196131961419615196161961719618196191962019621196221962319624196251962619627196281962919630196311963219633196341963519636196371963819639196401964119642196431964419645196461964719648196491965019651196521965319654196551965619657196581965919660196611966219663196641966519666196671966819669196701967119672196731967419675196761967719678196791968019681196821968319684196851968619687196881968919690196911969219693196941969519696196971969819699197001970119702197031970419705197061970719708197091971019711197121971319714197151971619717197181971919720197211972219723197241972519726197271972819729197301973119732197331973419735197361973719738197391974019741197421974319744197451974619747197481974919750197511975219753197541975519756197571975819759197601976119762197631976419765197661976719768197691977019771197721977319774197751977619777197781977919780197811978219783197841978519786197871978819789197901979119792197931979419795197961979719798197991980019801198021980319804198051980619807198081980919810198111981219813198141981519816198171981819819198201982119822198231982419825198261982719828198291983019831198321983319834198351983619837198381983919840198411984219843198441984519846198471984819849198501985119852198531985419855198561985719858198591986019861198621986319864198651986619867198681986919870198711987219873198741987519876198771987819879198801988119882198831988419885198861988719888198891989019891198921989319894198951989619897198981989919900199011990219903199041990519906199071990819909199101991119912199131991419915199161991719918199191992019921199221992319924199251992619927199281992919930199311993219933199341993519936199371993819939199401994119942199431994419945199461994719948199491995019951199521995319954199551995619957199581995919960199611996219963199641996519966199671996819969199701997119972199731997419975199761997719978199791998019981199821998319984199851998619987199881998919990199911999219993199941999519996199971999819999200002000120002200032000420005200062000720008200092001020011200122001320014200152001620017200182001920020200212002220023200242002520026200272002820029200302003120032200332003420035200362003720038200392004020041200422004320044200452004620047200482004920050200512005220053200542005520056200572005820059200602006120062200632006420065200662006720068200692007020071200722007320074200752007620077200782007920080200812008220083200842008520086200872008820089200902009120092200932009420095200962009720098200992010020101201022010320104201052010620107201082010920110201112011220113201142011520116201172011820119201202012120122201232012420125201262012720128201292013020131201322013320134201352013620137201382013920140201412014220143201442014520146201472014820149201502015120152201532015420155201562015720158201592016020161201622016320164201652016620167201682016920170201712017220173201742017520176201772017820179201802018120182201832018420185201862018720188201892019020191201922019320194201952019620197201982019920200202012020220203202042020520206202072020820209202102021120212202132021420215202162021720218202192022020221202222022320224202252022620227202282022920230202312023220233202342023520236202372023820239202402024120242202432024420245202462024720248202492025020251202522025320254202552025620257202582025920260202612026220263202642026520266202672026820269202702027120272202732027420275202762027720278202792028020281202822028320284202852028620287202882028920290202912029220293202942029520296202972029820299203002030120302203032030420305203062030720308203092031020311203122031320314203152031620317203182031920320203212032220323203242032520326203272032820329203302033120332203332033420335203362033720338203392034020341203422034320344203452034620347203482034920350203512035220353203542035520356203572035820359203602036120362203632036420365203662036720368203692037020371203722037320374203752037620377203782037920380203812038220383203842038520386203872038820389203902039120392203932039420395203962039720398203992040020401204022040320404204052040620407204082040920410204112041220413204142041520416204172041820419204202042120422204232042420425204262042720428204292043020431204322043320434204352043620437204382043920440204412044220443204442044520446204472044820449204502045120452204532045420455204562045720458204592046020461204622046320464204652046620467204682046920470204712047220473204742047520476204772047820479204802048120482204832048420485204862048720488204892049020491204922049320494204952049620497204982049920500205012050220503205042050520506205072050820509205102051120512205132051420515205162051720518205192052020521205222052320524205252052620527205282052920530205312053220533205342053520536205372053820539205402054120542205432054420545205462054720548205492055020551205522055320554205552055620557205582055920560205612056220563205642056520566205672056820569205702057120572205732057420575205762057720578205792058020581205822058320584205852058620587205882058920590205912059220593205942059520596205972059820599206002060120602206032060420605206062060720608206092061020611206122061320614206152061620617206182061920620206212062220623206242062520626206272062820629206302063120632206332063420635206362063720638206392064020641206422064320644206452064620647206482064920650206512065220653206542065520656206572065820659206602066120662206632066420665206662066720668206692067020671206722067320674206752067620677206782067920680206812068220683206842068520686206872068820689206902069120692206932069420695206962069720698206992070020701207022070320704207052070620707207082070920710207112071220713207142071520716207172071820719207202072120722207232072420725207262072720728207292073020731207322073320734207352073620737207382073920740207412074220743207442074520746207472074820749207502075120752207532075420755207562075720758207592076020761207622076320764207652076620767207682076920770207712077220773207742077520776207772077820779207802078120782207832078420785207862078720788207892079020791207922079320794207952079620797207982079920800208012080220803208042080520806208072080820809208102081120812208132081420815208162081720818208192082020821208222082320824208252082620827208282082920830208312083220833208342083520836208372083820839208402084120842208432084420845208462084720848208492085020851208522085320854208552085620857208582085920860208612086220863208642086520866208672086820869208702087120872208732087420875208762087720878208792088020881208822088320884208852088620887208882088920890208912089220893208942089520896208972089820899209002090120902209032090420905209062090720908209092091020911209122091320914209152091620917209182091920920209212092220923209242092520926209272092820929209302093120932209332093420935209362093720938209392094020941209422094320944209452094620947209482094920950209512095220953209542095520956209572095820959209602096120962209632096420965209662096720968209692097020971209722097320974209752097620977209782097920980209812098220983209842098520986209872098820989209902099120992209932099420995209962099720998209992100021001210022100321004210052100621007210082100921010210112101221013210142101521016210172101821019210202102121022210232102421025210262102721028210292103021031210322103321034210352103621037210382103921040210412104221043210442104521046210472104821049210502105121052210532105421055210562105721058210592106021061210622106321064210652106621067210682106921070210712107221073210742107521076210772107821079210802108121082210832108421085210862108721088210892109021091210922109321094210952109621097210982109921100211012110221103211042110521106211072110821109211102111121112211132111421115211162111721118211192112021121211222112321124211252112621127211282112921130211312113221133211342113521136211372113821139211402114121142211432114421145211462114721148211492115021151211522115321154211552115621157211582115921160211612116221163211642116521166211672116821169211702117121172211732117421175211762117721178211792118021181211822118321184211852118621187211882118921190211912119221193211942119521196211972119821199212002120121202212032120421205212062120721208212092121021211212122121321214212152121621217212182121921220212212122221223212242122521226212272122821229212302123121232212332123421235212362123721238212392124021241212422124321244212452124621247212482124921250212512125221253212542125521256212572125821259212602126121262212632126421265212662126721268212692127021271212722127321274212752127621277212782127921280212812128221283212842128521286212872128821289212902129121292212932129421295212962129721298212992130021301213022130321304213052130621307213082130921310213112131221313213142131521316213172131821319213202132121322213232132421325213262132721328213292133021331213322133321334213352133621337213382133921340213412134221343213442134521346213472134821349213502135121352213532135421355213562135721358213592136021361213622136321364213652136621367213682136921370213712137221373213742137521376213772137821379213802138121382213832138421385213862138721388213892139021391213922139321394213952139621397213982139921400214012140221403214042140521406214072140821409214102141121412214132141421415214162141721418214192142021421214222142321424214252142621427214282142921430214312143221433214342143521436214372143821439214402144121442214432144421445214462144721448214492145021451214522145321454214552145621457214582145921460214612146221463214642146521466214672146821469214702147121472214732147421475214762147721478214792148021481214822148321484214852148621487214882148921490214912149221493214942149521496214972149821499215002150121502215032150421505215062150721508215092151021511215122151321514215152151621517215182151921520215212152221523215242152521526215272152821529215302153121532215332153421535215362153721538215392154021541215422154321544215452154621547215482154921550215512155221553215542155521556215572155821559215602156121562215632156421565215662156721568215692157021571215722157321574215752157621577215782157921580215812158221583215842158521586215872158821589215902159121592215932159421595215962159721598215992160021601216022160321604216052160621607216082160921610216112161221613216142161521616216172161821619216202162121622216232162421625216262162721628216292163021631216322163321634216352163621637216382163921640216412164221643216442164521646216472164821649216502165121652216532165421655216562165721658216592166021661216622166321664216652166621667216682166921670216712167221673216742167521676216772167821679216802168121682216832168421685216862168721688216892169021691216922169321694216952169621697216982169921700217012170221703217042170521706217072170821709217102171121712217132171421715217162171721718217192172021721217222172321724217252172621727217282172921730217312173221733217342173521736217372173821739217402174121742217432174421745217462174721748217492175021751217522175321754217552175621757217582175921760217612176221763217642176521766217672176821769217702177121772217732177421775217762177721778217792178021781217822178321784217852178621787217882178921790217912179221793217942179521796217972179821799218002180121802218032180421805218062180721808218092181021811218122181321814218152181621817218182181921820218212182221823218242182521826218272182821829218302183121832218332183421835218362183721838218392184021841218422184321844218452184621847218482184921850218512185221853218542185521856218572185821859218602186121862218632186421865218662186721868218692187021871218722187321874218752187621877218782187921880218812188221883218842188521886218872188821889218902189121892218932189421895218962189721898218992190021901219022190321904219052190621907219082190921910219112191221913219142191521916219172191821919219202192121922219232192421925219262192721928219292193021931219322193321934219352193621937219382193921940219412194221943219442194521946219472194821949219502195121952219532195421955219562195721958219592196021961219622196321964219652196621967219682196921970219712197221973219742197521976219772197821979219802198121982219832198421985219862198721988219892199021991219922199321994219952199621997219982199922000220012200222003220042200522006220072200822009220102201122012220132201422015220162201722018220192202022021220222202322024220252202622027220282202922030220312203222033220342203522036220372203822039220402204122042220432204422045220462204722048220492205022051220522205322054220552205622057220582205922060220612206222063220642206522066220672206822069220702207122072220732207422075220762207722078220792208022081220822208322084220852208622087220882208922090220912209222093220942209522096220972209822099221002210122102221032210422105221062210722108221092211022111221122211322114 |
- (function () {
- UEDITOR_CONFIG = window.UEDITOR_CONFIG || {};
- var baidu = window.baidu || {};
- window.baidu = baidu;
- window.UE = baidu.editor = {};
- UE.plugins = {};
- UE.commands = {};
- UE.instants = {};
- UE.I18N = {};
- UE.version = "1.2.6.1";
- var dom = UE.dom = {};
- /**
- * @file
- * @name UE.browser
- * @short Browser
- * @desc UEditor中采用的浏览器判断模块
- */
- var browser = UE.browser = function () {
- var agent = navigator.userAgent.toLowerCase(),
- opera = window.opera,
- browser = {
- /**
- * 检测浏览器是否为IE
- * @name ie
- * @grammar UE.browser.ie => true|false
- */
- ie: !!window.ActiveXObject,
- /**
- * 检测浏览器是否为Opera
- * @name opera
- * @grammar UE.browser.opera => true|false
- */
- opera: ( !!opera && opera.version ),
- /**
- * 检测浏览器是否为webkit内核
- * @name webkit
- * @grammar UE.browser.webkit => true|false
- */
- webkit: ( agent.indexOf(' applewebkit/') > -1 ),
- /**
- * 检测浏览器是否为mac系统下的浏览器
- * @name mac
- * @grammar UE.browser.mac => true|false
- */
- mac: ( agent.indexOf('macintosh') > -1 ),
- /**
- * 检测浏览器是否处于怪异模式
- * @name quirks
- * @grammar UE.browser.quirks => true|false
- */
- quirks: ( document.compatMode == 'BackCompat' )
- };
- /**
- * 检测浏览器是否处为gecko内核
- * @name gecko
- * @grammar UE.browser.gecko => true|false
- */
- browser.gecko = ( navigator.product == 'Gecko' && !browser.webkit && !browser.opera );
- var version = 0;
- // Internet Explorer 6.0+
- if (browser.ie) {
- version = parseFloat(agent.match(/msie (\d+)/)[1]);
- /**
- * 检测浏览器是否为 IE9 模式
- * @name ie9Compat
- * @grammar UE.browser.ie9Compat => true|false
- */
- browser.ie9Compat = document.documentMode == 9;
- /**
- * 检测浏览器是否为 IE8 浏览器
- * @name ie8
- * @grammar UE.browser.ie8 => true|false
- */
- browser.ie8 = !!document.documentMode;
- /**
- * 检测浏览器是否为 IE8 模式
- * @name ie8Compat
- * @grammar UE.browser.ie8Compat => true|false
- */
- browser.ie8Compat = document.documentMode == 8;
- /**
- * 检测浏览器是否运行在 兼容IE7模式
- * @name ie7Compat
- * @grammar UE.browser.ie7Compat => true|false
- */
- browser.ie7Compat = ( ( version == 7 && !document.documentMode )
- || document.documentMode == 7 );
- /**
- * 检测浏览器是否IE6模式或怪异模式
- * @name ie6Compat
- * @grammar UE.browser.ie6Compat => true|false
- */
- browser.ie6Compat = ( version < 7 || browser.quirks );
- }
- // Gecko.
- if (browser.gecko) {
- var geckoRelease = agent.match(/rv:([\d\.]+)/);
- if (geckoRelease) {
- geckoRelease = geckoRelease[1].split('.');
- version = geckoRelease[0] * 10000 + ( geckoRelease[1] || 0 ) * 100 + ( geckoRelease[2] || 0 ) * 1;
- }
- }
- /**
- * 检测浏览器是否为chrome
- * @name chrome
- * @grammar UE.browser.chrome => true|false
- */
- if (/chrome\/(\d+\.\d)/i.test(agent)) {
- browser.chrome = +RegExp['\x241'];
- }
- /**
- * 检测浏览器是否为safari
- * @name safari
- * @grammar UE.browser.safari => true|false
- */
- if (/(\d+\.\d)?(?:\.\d)?\s+safari\/?(\d+\.\d+)?/i.test(agent) && !/chrome/i.test(agent)) {
- browser.safari = +(RegExp['\x241'] || RegExp['\x242']);
- }
- // Opera 9.50+
- if (browser.opera)
- version = parseFloat(opera.version());
- // WebKit 522+ (Safari 3+)
- if (browser.webkit)
- version = parseFloat(agent.match(/ applewebkit\/(\d+)/)[1]);
- /**
- * 浏览器版本判断
- * IE系列返回值为5,6,7,8,9,10等
- * gecko系列会返回10900,158900等.
- * webkit系列会返回其build号 (如 522等).
- * @name version
- * @grammar UE.browser.version => number
- * @example
- * if ( UE.browser.ie && UE.browser.version == 6 ){
- * alert( "Ouch!居然是万恶的IE6!" );
- * }
- */
- browser.version = version;
- /**
- * 是否是兼容模式的浏览器
- * @name isCompatible
- * @grammar UE.browser.isCompatible => true|false
- * @example
- * if ( UE.browser.isCompatible ){
- * alert( "你的浏览器相当不错哦!" );
- * }
- */
- browser.isCompatible =
- !browser.mobile && (
- ( browser.ie && version >= 6 ) ||
- ( browser.gecko && version >= 10801 ) ||
- ( browser.opera && version >= 9.5 ) ||
- ( browser.air && version >= 1 ) ||
- ( browser.webkit && version >= 522 ) ||
- false );
- return browser;
- }();
- //快捷方式
- var ie = browser.ie,
- webkit = browser.webkit,
- gecko = browser.gecko,
- opera = browser.opera;
- /**
- * @file
- * @name UE.Utils
- * @short Utils
- * @desc UEditor封装使用的静态工具函数
- * @import editor.js
- */
- var utils = UE.utils = {
- /**
- * 遍历数组,对象,nodeList
- * @name each
- * @grammar UE.utils.each(obj,iterator,[context])
- * @since 1.2.4+
- * @desc
- * * obj 要遍历的对象
- * * iterator 遍历的方法,方法的第一个是遍历的值,第二个是索引,第三个是obj
- * * context iterator的上下文
- * @example
- * UE.utils.each([1,2],function(v,i){
- * console.log(v)//值
- * console.log(i)//索引
- * })
- * UE.utils.each(document.getElementsByTagName('*'),function(n){
- * console.log(n.tagName)
- * })
- */
- each: function (obj, iterator, context) {
- if (obj == null) return;
- if (obj.length === +obj.length) {
- for (var i = 0, l = obj.length; i < l; i++) {
- if (iterator.call(context, obj[i], i, obj) === false)
- return false;
- }
- } else {
- for (var key in obj) {
- if (obj.hasOwnProperty(key)) {
- if (iterator.call(context, obj[key], key, obj) === false)
- return false;
- }
- }
- }
- },
- makeInstance: function (obj) {
- var noop = new Function();
- noop.prototype = obj;
- obj = new noop;
- noop.prototype = null;
- return obj;
- },
- /**
- * 将source对象中的属性扩展到target对象上
- * @name extend
- * @grammar UE.utils.extend(target,source) => Object //覆盖扩展
- * @grammar UE.utils.extend(target,source,true) ==> Object //保留扩展
- */
- extend: function (t, s, b) {
- if (s) {
- for (var k in s) {
- if (!b || !t.hasOwnProperty(k)) {
- t[k] = s[k];
- }
- }
- }
- return t;
- },
- extend2: function (t) {
- var a = arguments;
- for (var i = 1; i < a.length; i++) {
- var x = a[i];
- for (var k in x) {
- if (!t.hasOwnProperty(k)) {
- t[k] = x[k];
- }
- }
- }
- return t;
- },
- /**
- * 模拟继承机制,subClass继承superClass
- * @name inherits
- * @grammar UE.utils.inherits(subClass,superClass) => subClass
- * @example
- * function SuperClass(){
- * this.name = "小李";
- * }
- * SuperClass.prototype = {
- * hello:function(str){
- * console.log(this.name + str);
- * }
- * }
- * function SubClass(){
- * this.name = "小张";
- * }
- * UE.utils.inherits(SubClass,SuperClass);
- * var sub = new SubClass();
- * sub.hello("早上好!"); ==> "小张早上好!"
- */
- inherits: function (subClass, superClass) {
- var oldP = subClass.prototype,
- newP = utils.makeInstance(superClass.prototype);
- utils.extend(newP, oldP, true);
- subClass.prototype = newP;
- return (newP.constructor = subClass);
- },
- /**
- * 用指定的context作为fn上下文,也就是this
- * @name bind
- * @grammar UE.utils.bind(fn,context) => fn
- */
- bind: function (fn, context) {
- return function () {
- return fn.apply(context, arguments);
- };
- },
- /**
- * 创建延迟delay执行的函数fn
- * @name defer
- * @grammar UE.utils.defer(fn,delay) =>fn //延迟delay毫秒执行fn,返回fn
- * @grammar UE.utils.defer(fn,delay,exclusion) =>fn //延迟delay毫秒执行fn,若exclusion为真,则互斥执行fn
- * @example
- * function test(){
- * console.log("延迟输出!");
- * }
- * //非互斥延迟执行
- * var testDefer = UE.utils.defer(test,1000);
- * testDefer(); => "延迟输出!";
- * testDefer(); => "延迟输出!";
- * //互斥延迟执行
- * var testDefer1 = UE.utils.defer(test,1000,true);
- * testDefer1(); => //本次不执行
- * testDefer1(); => "延迟输出!";
- */
- defer: function (fn, delay, exclusion) {
- var timerID;
- return function () {
- if (exclusion) {
- clearTimeout(timerID);
- }
- timerID = setTimeout(fn, delay);
- };
- },
- /**
- * 查找元素item在数组array中的索引, 若找不到返回-1
- * @name indexOf
- * @grammar UE.utils.indexOf(array,item) => index|-1 //默认从数组开头部开始搜索
- * @grammar UE.utils.indexOf(array,item,start) => index|-1 //start指定开始查找的位置
- */
- indexOf: function (array, item, start) {
- var index = -1;
- start = this.isNumber(start) ? start : 0;
- this.each(array, function (v, i) {
- if (i >= start && v === item) {
- index = i;
- return false;
- }
- });
- return index;
- },
- /**
- * 移除数组array中的元素item
- * @name removeItem
- * @grammar UE.utils.removeItem(array,item)
- */
- removeItem: function (array, item) {
- for (var i = 0, l = array.length; i < l; i++) {
- if (array[i] === item) {
- array.splice(i, 1);
- i--;
- }
- }
- },
- /**
- * 删除字符串str的首尾空格
- * @name trim
- * @grammar UE.utils.trim(str) => String
- */
- trim: function (str) {
- return str.replace(/(^[ \t\n\r]+)|([ \t\n\r]+$)/g, '');
- },
- /**
- * 将字符串list(以','分隔)或者数组list转成哈希对象
- * @name listToMap
- * @grammar UE.utils.listToMap(list) => Object //Object形如{test:1,br:1,textarea:1}
- */
- listToMap: function (list) {
- if (!list)return {};
- list = utils.isArray(list) ? list : list.split(',');
- for (var i = 0, ci, obj = {}; ci = list[i++];) {
- obj[ci.toUpperCase()] = obj[ci] = 1;
- }
- return obj;
- },
- /**
- * 将str中的html符号转义,默认将转义''&<">''四个字符,可自定义reg来确定需要转义的字符
- * @name unhtml
- * @grammar UE.utils.unhtml(str); => String
- * @grammar UE.utils.unhtml(str,reg) => String
- * @example
- * var html = '<body>You say:"你好!Baidu & UEditor!"</body>';
- * UE.utils.unhtml(html); ==> <body>You say:"你好!Baidu & UEditor!"</body>
- * UE.utils.unhtml(html,/[<>]/g) ==> <body>You say:"你好!Baidu & UEditor!"</body>
- */
- unhtml: function (str, reg) {
- return str ? str.replace(reg || /[&<">'](?:(amp|lt|quot|gt|#39|nbsp);)?/g, function (a, b) {
- if (b) {
- return a;
- } else {
- return {
- '<': '<',
- '&': '&',
- '"': '"',
- '>': '>',
- "'": '''
- }[a]
- }
- }) : '';
- },
- /**
- * 将str中的转义字符还原成html字符
- * @name html
- * @grammar UE.utils.html(str) => String //详细参见<code><a href = '#unhtml'>unhtml</a></code>
- */
- html: function (str) {
- return str ? str.replace(/&((g|l|quo)t|amp|#39);/g, function (m) {
- return {
- '<': '<',
- '&': '&',
- '"': '"',
- '>': '>',
- ''': "'"
- }[m]
- }) : '';
- },
- /**
- * 将css样式转换为驼峰的形式。如font-size => fontSize
- * @name cssStyleToDomStyle
- * @grammar UE.utils.cssStyleToDomStyle(cssName) => String
- */
- cssStyleToDomStyle: function () {
- var test = document.createElement('div').style,
- cache = {
- 'float': test.cssFloat != undefined ? 'cssFloat' : test.styleFloat != undefined ? 'styleFloat' : 'float'
- };
- return function (cssName) {
- return cache[cssName] || (cache[cssName] = cssName.toLowerCase().replace(/-./g, function (match) {
- return match.charAt(1).toUpperCase();
- }));
- };
- }(),
- /**
- * 动态加载文件到doc中,并依据obj来设置属性,加载成功后执行回调函数fn
- * @name loadFile
- * @grammar UE.utils.loadFile(doc,obj)
- * @grammar UE.utils.loadFile(doc,obj,fn)
- * @example
- * //指定加载到当前document中一个script文件,加载成功后执行function
- * utils.loadFile( document, {
- * src:"test.js",
- * tag:"script",
- * type:"text/javascript",
- * defer:"defer"
- * }, function () {
- * console.log('加载成功!')
- * });
- */
- loadFile: function () {
- var tmpList = [];
- function getItem(doc, obj) {
- try {
- for (var i = 0, ci; ci = tmpList[i++];) {
- if (ci.doc === doc && ci.url == (obj.src || obj.href)) {
- return ci;
- }
- }
- } catch (e) {
- return null;
- }
- }
- return function (doc, obj, fn) {
- var item = getItem(doc, obj);
- if (item) {
- if (item.ready) {
- fn && fn();
- } else {
- item.funs.push(fn)
- }
- return;
- }
- tmpList.push({
- doc: doc,
- url: obj.src || obj.href,
- funs: [fn]
- });
- if (!doc.body) {
- var html = [];
- for (var p in obj) {
- if (p == 'tag')continue;
- html.push(p + '="' + obj[p] + '"')
- }
- doc.write('<' + obj.tag + ' ' + html.join(' ') + ' ></' + obj.tag + '>');
- return;
- }
- if (obj.id && doc.getElementById(obj.id)) {
- return;
- }
- var element = doc.createElement(obj.tag);
- delete obj.tag;
- for (var p in obj) {
- element.setAttribute(p, obj[p]);
- }
- element.onload = element.onreadystatechange = function () {
- if (!this.readyState || /loaded|complete/.test(this.readyState)) {
- item = getItem(doc, obj);
- if (item.funs.length > 0) {
- item.ready = 1;
- for (var fi; fi = item.funs.pop();) {
- fi();
- }
- }
- element.onload = element.onreadystatechange = null;
- }
- };
- element.onerror = function () {
- throw Error('The load ' + (obj.href || obj.src) + ' fails,check the url settings of file ueditor.config.js ')
- };
- doc.getElementsByTagName("head")[0].appendChild(element);
- }
- }(),
- /**
- * 判断obj对象是否为空
- * @name isEmptyObject
- * @grammar UE.utils.isEmptyObject(obj) => true|false
- * @example
- * UE.utils.isEmptyObject({}) ==>true
- * UE.utils.isEmptyObject([]) ==>true
- * UE.utils.isEmptyObject("") ==>true
- */
- isEmptyObject: function (obj) {
- if (obj == null) return true;
- if (this.isArray(obj) || this.isString(obj)) return obj.length === 0;
- for (var key in obj) if (obj.hasOwnProperty(key)) return false;
- return true;
- },
- /**
- * 统一将颜色值使用16进制形式表示
- * @name fixColor
- * @grammar UE.utils.fixColor(name,value) => value
- * @example
- * rgb(255,255,255) => "#ffffff"
- */
- fixColor: function (name, value) {
- if (/color/i.test(name) && /rgba?/.test(value)) {
- var array = value.split(",");
- if (array.length > 3)
- return "";
- value = "#";
- for (var i = 0, color; color = array[i++];) {
- color = parseInt(color.replace(/[^\d]/gi, ''), 10).toString(16);
- value += color.length == 1 ? "0" + color : color;
- }
- value = value.toUpperCase();
- }
- return value;
- },
- /**
- * 只针对border,padding,margin做了处理,因为性能问题
- * @public
- * @function
- * @param {String} val style字符串
- */
- optCss: function (val) {
- var padding, margin, border;
- val = val.replace(/(padding|margin|border)\-([^:]+):([^;]+);?/gi, function (str, key, name, val) {
- if (val.split(' ').length == 1) {
- switch (key) {
- case 'padding':
- !padding && (padding = {});
- padding[name] = val;
- return '';
- case 'margin':
- !margin && (margin = {});
- margin[name] = val;
- return '';
- case 'border':
- return val == 'initial' ? '' : str;
- }
- }
- return str;
- });
- function opt(obj, name) {
- if (!obj) {
- return '';
- }
- var t = obj.top , b = obj.bottom, l = obj.left, r = obj.right, val = '';
- if (!t || !l || !b || !r) {
- for (var p in obj) {
- val += ';' + name + '-' + p + ':' + obj[p] + ';';
- }
- } else {
- val += ';' + name + ':' +
- (t == b && b == l && l == r ? t :
- t == b && l == r ? (t + ' ' + l) :
- l == r ? (t + ' ' + l + ' ' + b) : (t + ' ' + r + ' ' + b + ' ' + l)) + ';'
- }
- return val;
- }
- val += opt(padding, 'padding') + opt(margin, 'margin');
- return val.replace(/^[ \n\r\t;]*|[ \n\r\t]*$/, '').replace(/;([ \n\r\t]+)|\1;/g, ';')
- .replace(/(&((l|g)t|quot|#39))?;{2,}/g, function (a, b) {
- return b ? b + ";;" : ';'
- });
- },
- /**
- * 深度克隆对象,从source到target
- * @name clone
- * @grammar UE.utils.clone(source) => anthorObj 新的对象是完整的source的副本
- * @grammar UE.utils.clone(source,target) => target包含了source的所有内容,重名会覆盖
- */
- clone: function (source, target) {
- var tmp;
- target = target || {};
- for (var i in source) {
- if (source.hasOwnProperty(i)) {
- tmp = source[i];
- if (typeof tmp == 'object') {
- target[i] = utils.isArray(tmp) ? [] : {};
- utils.clone(source[i], target[i])
- } else {
- target[i] = tmp;
- }
- }
- }
- return target;
- },
- /**
- * 转换cm/pt到px
- * @name transUnitToPx
- * @grammar UE.utils.transUnitToPx('20pt') => '27px'
- * @grammar UE.utils.transUnitToPx('0pt') => '0'
- */
- transUnitToPx: function (val) {
- if (!/(pt|cm)/.test(val)) {
- return val
- }
- var unit;
- val.replace(/([\d.]+)(\w+)/, function (str, v, u) {
- val = v;
- unit = u;
- });
- switch (unit) {
- case 'cm':
- val = parseFloat(val) * 25;
- break;
- case 'pt':
- val = Math.round(parseFloat(val) * 96 / 72);
- }
- return val + (val ? 'px' : '');
- },
- /**
- * DomReady方法,回调函数将在dom树ready完成后执行
- * @name domReady
- * @grammar UE.utils.domReady(fn) => fn //返回一个延迟执行的方法
- */
- domReady: function () {
- var fnArr = [];
- function doReady(doc) {
- //确保onready只执行一次
- doc.isReady = true;
- for (var ci; ci = fnArr.pop(); ci()) {
- }
- }
- return function (onready, win) {
- win = win || window;
- var doc = win.document;
- onready && fnArr.push(onready);
- if (doc.readyState === "complete") {
- doReady(doc);
- } else {
- doc.isReady && doReady(doc);
- if (browser.ie) {
- (function () {
- if (doc.isReady) return;
- try {
- doc.documentElement.doScroll("left");
- } catch (error) {
- setTimeout(arguments.callee, 0);
- return;
- }
- doReady(doc);
- })();
- win.attachEvent('onload', function () {
- doReady(doc)
- });
- } else {
- doc.addEventListener("DOMContentLoaded", function () {
- doc.removeEventListener("DOMContentLoaded", arguments.callee, false);
- doReady(doc);
- }, false);
- win.addEventListener('load', function () {
- doReady(doc)
- }, false);
- }
- }
- }
- }(),
- /**
- * 动态添加css样式
- * @name cssRule
- * @grammar UE.utils.cssRule('添加的样式的节点名称',['样式','放到哪个document上'])
- * @grammar UE.utils.cssRule('body','body{background:#ccc}') => null //给body添加背景颜色
- * @grammar UE.utils.cssRule('body') =>样式的字符串 //取得key值为body的样式的内容,如果没有找到key值先关的样式将返回空,例如刚才那个背景颜色,将返回 body{background:#ccc}
- * @grammar UE.utils.cssRule('body','') =>null //清空给定的key值的背景颜色
- */
- cssRule: browser.ie ? function (key, style, doc) {
- var indexList, index;
- doc = doc || document;
- if (doc.indexList) {
- indexList = doc.indexList;
- } else {
- indexList = doc.indexList = {};
- }
- var sheetStyle;
- if (!indexList[key]) {
- if (style === undefined) {
- return ''
- }
- sheetStyle = doc.createStyleSheet('', index = doc.styleSheets.length);
- indexList[key] = index;
- } else {
- sheetStyle = doc.styleSheets[indexList[key]];
- }
- if (style === undefined) {
- return sheetStyle.cssText
- }
- sheetStyle.cssText = style || ''
- } : function (key, style, doc) {
- doc = doc || document;
- var head = doc.getElementsByTagName('head')[0], node;
- if (!(node = doc.getElementById(key))) {
- if (style === undefined) {
- return ''
- }
- node = doc.createElement('style');
- node.id = key;
- head.appendChild(node)
- }
- if (style === undefined) {
- return node.innerHTML
- }
- if (style !== '') {
- node.innerHTML = style;
- } else {
- head.removeChild(node)
- }
- },
- sort: function (array, compareFn) {
- compareFn = compareFn || function (item1, item2) {
- return item1.localeCompare(item2);
- };
- for (var i = 0, len = array.length; i < len; i++) {
- for (var j = i, length = array.length; j < length; j++) {
- if (compareFn(array[i], array[j]) > 0) {
- var t = array[i];
- array[i] = array[j];
- array[j] = t;
- }
- }
- }
- return array;
- }
- };
- /**
- * 判断str是否为字符串
- * @name isString
- * @grammar UE.utils.isString(str) => true|false
- */
- /**
- * 判断array是否为数组
- * @name isArray
- * @grammar UE.utils.isArray(obj) => true|false
- */
- /**
- * 判断obj对象是否为方法
- * @name isFunction
- * @grammar UE.utils.isFunction(obj) => true|false
- */
- /**
- * 判断obj对象是否为数字
- * @name isNumber
- * @grammar UE.utils.isNumber(obj) => true|false
- */
- utils.each(['String', 'Function', 'Array', 'Number', 'RegExp', 'Object'], function (v) {
- UE.utils['is' + v] = function (obj) {
- return Object.prototype.toString.apply(obj) == '[object ' + v + ']';
- }
- });
- /**
- * @file
- * @name UE.EventBase
- * @short EventBase
- * @import editor.js,core/utils.js
- * @desc UE采用的事件基类,继承此类的对应类将获取addListener,removeListener,fireEvent方法。
- * 在UE中,Editor以及所有ui实例都继承了该类,故可以在对应的ui对象以及editor对象上使用上述方法。
- */
- var EventBase = UE.EventBase = function () {
- };
- EventBase.prototype = {
- /**
- * 注册事件监听器
- * @name addListener
- * @grammar editor.addListener(types,fn) //types为事件名称,多个可用空格分隔
- * @example
- * editor.addListener('selectionchange',function(){
- * console.log("选区已经变化!");
- * })
- * editor.addListener('beforegetcontent aftergetcontent',function(type){
- * if(type == 'beforegetcontent'){
- * //do something
- * }else{
- * //do something
- * }
- * console.log(this.getContent) // this是注册的事件的编辑器实例
- * })
- */
- addListener: function (types, listener) {
- types = utils.trim(types).split(' ');
- for (var i = 0, ti; ti = types[i++];) {
- getListener(this, ti, true).push(listener);
- }
- },
- /**
- * 移除事件监听器
- * @name removeListener
- * @grammar editor.removeListener(types,fn) //types为事件名称,多个可用空格分隔
- * @example
- * //changeCallback为方法体
- * editor.removeListener("selectionchange",changeCallback);
- */
- removeListener: function (types, listener) {
- types = utils.trim(types).split(' ');
- for (var i = 0, ti; ti = types[i++];) {
- utils.removeItem(getListener(this, ti) || [], listener);
- }
- },
- /**
- * 触发事件
- * @name fireEvent
- * @grammar editor.fireEvent(types) //types为事件名称,多个可用空格分隔
- * @example
- * editor.fireEvent("selectionchange");
- */
- fireEvent: function () {
- var types = arguments[0];
- types = utils.trim(types).split(' ');
- for (var i = 0, ti; ti = types[i++];) {
- var listeners = getListener(this, ti),
- r, t, k;
- if (listeners) {
- k = listeners.length;
- while (k--) {
- if (!listeners[k])continue;
- t = listeners[k].apply(this, arguments);
- if (t === true) {
- return t;
- }
- if (t !== undefined) {
- r = t;
- }
- }
- }
- if (t = this['on' + ti.toLowerCase()]) {
- r = t.apply(this, arguments);
- }
- }
- return r;
- }
- };
- /**
- * 获得对象所拥有监听类型的所有监听器
- * @public
- * @function
- * @param {Object} obj 查询监听器的对象
- * @param {String} type 事件类型
- * @param {Boolean} force 为true且当前所有type类型的侦听器不存在时,创建一个空监听器数组
- * @returns {Array} 监听器数组
- */
- function getListener(obj, type, force) {
- var allListeners;
- type = type.toLowerCase();
- return ( ( allListeners = ( obj.__allListeners || force && ( obj.__allListeners = {} ) ) )
- && ( allListeners[type] || force && ( allListeners[type] = [] ) ) );
- }
- ///import editor.js
- ///import core/dom/dom.js
- ///import core/utils.js
- /**
- * dtd html语义化的体现类
- * @constructor
- * @namespace dtd
- */
- var dtd = dom.dtd = (function () {
- function _(s) {
- for (var k in s) {
- s[k.toUpperCase()] = s[k];
- }
- return s;
- }
- var X = utils.extend2;
- var A = _({isindex: 1, fieldset: 1}),
- B = _({input: 1, button: 1, select: 1, textarea: 1, label: 1}),
- C = X(_({a: 1}), B),
- D = X({iframe: 1}, C),
- E = _({hr: 1, ul: 1, menu: 1, div: 1, blockquote: 1, noscript: 1, table: 1, center: 1, address: 1, dir: 1, pre: 1, h5: 1, dl: 1, h4: 1, noframes: 1, h6: 1, ol: 1, h1: 1, h3: 1, h2: 1}),
- F = _({ins: 1, del: 1, script: 1, style: 1}),
- G = X(_({b: 1, acronym: 1, bdo: 1, 'var': 1, '#': 1, abbr: 1, code: 1, br: 1, i: 1, cite: 1, kbd: 1, u: 1, strike: 1, s: 1, tt: 1, strong: 1, q: 1, samp: 1, em: 1, dfn: 1, span: 1}), F),
- H = X(_({sub: 1, img: 1, embed: 1, object: 1, sup: 1, basefont: 1, map: 1, applet: 1, font: 1, big: 1, small: 1}), G),
- I = X(_({p: 1}), H),
- J = X(_({iframe: 1}), H, B),
- K = _({img: 1, embed: 1, noscript: 1, br: 1, kbd: 1, center: 1, button: 1, basefont: 1, h5: 1, h4: 1, samp: 1, h6: 1, ol: 1, h1: 1, h3: 1, h2: 1, form: 1, font: 1, '#': 1, select: 1, menu: 1, ins: 1, abbr: 1, label: 1, code: 1, table: 1, script: 1, cite: 1, input: 1, iframe: 1, strong: 1, textarea: 1, noframes: 1, big: 1, small: 1, span: 1, hr: 1, sub: 1, bdo: 1, 'var': 1, div: 1, object: 1, sup: 1, strike: 1, dir: 1, map: 1, dl: 1, applet: 1, del: 1, isindex: 1, fieldset: 1, ul: 1, b: 1, acronym: 1, a: 1, blockquote: 1, i: 1, u: 1, s: 1, tt: 1, address: 1, q: 1, pre: 1, p: 1, em: 1, dfn: 1}),
- L = X(_({a: 0}), J),//a不能被切开,所以把他
- M = _({tr: 1}),
- N = _({'#': 1}),
- O = X(_({param: 1}), K),
- P = X(_({form: 1}), A, D, E, I),
- Q = _({li: 1, ol: 1, ul: 1}),
- R = _({style: 1, script: 1}),
- S = _({base: 1, link: 1, meta: 1, title: 1}),
- T = X(S, R),
- U = _({head: 1, body: 1}),
- V = _({html: 1});
- var block = _({address: 1, blockquote: 1, center: 1, dir: 1, div: 1, dl: 1, fieldset: 1, form: 1, h1: 1, h2: 1, h3: 1, h4: 1, h5: 1, h6: 1, hr: 1, isindex: 1, menu: 1, noframes: 1, ol: 1, p: 1, pre: 1, table: 1, ul: 1}),
- empty = _({area: 1, base: 1, basefont: 1, br: 1, col: 1, command: 1, dialog: 1, embed: 1, hr: 1, img: 1, input: 1, isindex: 1, keygen: 1, link: 1, meta: 1, param: 1, source: 1, track: 1, wbr: 1});
- return _({
- // $ 表示自定的属性
- // body外的元素列表.
- $nonBodyContent: X(V, U, S),
- //块结构元素列表
- $block: block,
- //内联元素列表
- $inline: L,
- $inlineWithA: X(_({a: 1}), L),
- $body: X(_({script: 1, style: 1}), block),
- $cdata: _({script: 1, style: 1}),
- //自闭和元素
- $empty: empty,
- //不是自闭合,但不能让range选中里边
- $nonChild: _({iframe: 1, textarea: 1}),
- //列表元素列表
- $listItem: _({dd: 1, dt: 1, li: 1}),
- //列表根元素列表
- $list: _({ul: 1, ol: 1, dl: 1}),
- //不能认为是空的元素
- $isNotEmpty: _({table: 1, ul: 1, ol: 1, dl: 1, iframe: 1, area: 1, base: 1, col: 1, hr: 1, img: 1, embed: 1, input: 1, link: 1, meta: 1, param: 1, h1: 1, h2: 1, h3: 1, h4: 1, h5: 1, h6: 1}),
- //如果没有子节点就可以删除的元素列表,像span,a
- $removeEmpty: _({a: 1, abbr: 1, acronym: 1, address: 1, b: 1, bdo: 1, big: 1, cite: 1, code: 1, del: 1, dfn: 1, em: 1, font: 1, i: 1, ins: 1, label: 1, kbd: 1, q: 1, s: 1, samp: 1, small: 1, span: 1, strike: 1, strong: 1, sub: 1, sup: 1, tt: 1, u: 1, 'var': 1}),
- $removeEmptyBlock: _({'p': 1, 'div': 1}),
- //在table元素里的元素列表
- $tableContent: _({caption: 1, col: 1, colgroup: 1, tbody: 1, td: 1, tfoot: 1, th: 1, thead: 1, tr: 1, table: 1}),
- //不转换的标签
- $notTransContent: _({pre: 1, script: 1, style: 1, textarea: 1}),
- html: U,
- head: T,
- style: N,
- script: N,
- body: P,
- base: {},
- link: {},
- meta: {},
- title: N,
- col: {},
- tr: _({td: 1, th: 1}),
- img: {},
- embed: {},
- colgroup: _({thead: 1, col: 1, tbody: 1, tr: 1, tfoot: 1}),
- noscript: P,
- td: P,
- br: {},
- th: P,
- center: P,
- kbd: L,
- button: X(I, E),
- basefont: {},
- h5: L,
- h4: L,
- samp: L,
- h6: L,
- ol: Q,
- h1: L,
- h3: L,
- option: N,
- h2: L,
- form: X(A, D, E, I),
- select: _({optgroup: 1, option: 1}),
- font: L,
- ins: L,
- menu: Q,
- abbr: L,
- label: L,
- table: _({thead: 1, col: 1, tbody: 1, tr: 1, colgroup: 1, caption: 1, tfoot: 1}),
- code: L,
- tfoot: M,
- cite: L,
- li: P,
- input: {},
- iframe: P,
- strong: L,
- textarea: N,
- noframes: P,
- big: L,
- small: L,
- //trace:
- span: _({'#': 1, br: 1, b: 1, strong: 1, u: 1, i: 1, em: 1, sub: 1, sup: 1, strike: 1, span: 1}),
- hr: L,
- dt: L,
- sub: L,
- optgroup: _({option: 1}),
- param: {},
- bdo: L,
- 'var': L,
- div: P,
- object: O,
- sup: L,
- dd: P,
- strike: L,
- area: {},
- dir: Q,
- map: X(_({area: 1, form: 1, p: 1}), A, F, E),
- applet: O,
- dl: _({dt: 1, dd: 1}),
- del: L,
- isindex: {},
- fieldset: X(_({legend: 1}), K),
- thead: M,
- ul: Q,
- acronym: L,
- b: L,
- a: X(_({a: 1}), J),
- blockquote: X(_({td: 1, tr: 1, tbody: 1, li: 1}), P),
- caption: L,
- i: L,
- u: L,
- tbody: M,
- s: L,
- address: X(D, I),
- tt: L,
- legend: L,
- q: L,
- pre: X(G, C),
- p: X(_({'a': 1}), L),
- em: L,
- dfn: L
- });
- })();
- /**
- * @file
- * @name UE.dom.domUtils
- * @short DomUtils
- * @import editor.js, core/utils.js,core/browser.js,core/dom/dtd.js
- * @desc UEditor封装的底层dom操作库
- */
- function getDomNode(node, start, ltr, startFromChild, fn, guard) {
- var tmpNode = startFromChild && node[start],
- parent;
- !tmpNode && (tmpNode = node[ltr]);
- while (!tmpNode && (parent = (parent || node).parentNode)) {
- if (parent.tagName == 'BODY' || guard && !guard(parent)) {
- return null;
- }
- tmpNode = parent[ltr];
- }
- if (tmpNode && fn && !fn(tmpNode)) {
- return getDomNode(tmpNode, start, ltr, false, fn);
- }
- return tmpNode;
- }
- var attrFix = ie && browser.version < 9 ? {
- tabindex: "tabIndex",
- readonly: "readOnly",
- "for": "htmlFor",
- "class": "className",
- maxlength: "maxLength",
- cellspacing: "cellSpacing",
- cellpadding: "cellPadding",
- rowspan: "rowSpan",
- colspan: "colSpan",
- usemap: "useMap",
- frameborder: "frameBorder"
- } : {
- tabindex: "tabIndex",
- readonly: "readOnly"
- },
- styleBlock = utils.listToMap([
- '-webkit-box', '-moz-box', 'block' ,
- 'list-item' , 'table' , 'table-row-group' ,
- 'table-header-group', 'table-footer-group' ,
- 'table-row' , 'table-column-group' , 'table-column' ,
- 'table-cell' , 'table-caption'
- ]);
- var domUtils = dom.domUtils = {
- //节点常量
- NODE_ELEMENT: 1,
- NODE_DOCUMENT: 9,
- NODE_TEXT: 3,
- NODE_COMMENT: 8,
- NODE_DOCUMENT_FRAGMENT: 11,
- //位置关系
- POSITION_IDENTICAL: 0,
- POSITION_DISCONNECTED: 1,
- POSITION_FOLLOWING: 2,
- POSITION_PRECEDING: 4,
- POSITION_IS_CONTAINED: 8,
- POSITION_CONTAINS: 16,
- //ie6使用其他的会有一段空白出现
- fillChar: ie && browser.version == '6' ? '\ufeff' : '\u200B',
- //-------------------------Node部分--------------------------------
- keys: {
- /*Backspace*/ 8: 1, /*Delete*/ 46: 1,
- /*Shift*/ 16: 1, /*Ctrl*/ 17: 1, /*Alt*/ 18: 1,
- 37: 1, 38: 1, 39: 1, 40: 1,
- 13: 1 /*enter*/
- },
- /**
- * 获取节点A相对于节点B的位置关系
- * @name getPosition
- * @grammar UE.dom.domUtils.getPosition(nodeA,nodeB) => Number
- * @example
- * switch (returnValue) {
- * case 0: //相等,同一节点
- * case 1: //无关,节点不相连
- * case 2: //跟随,即节点A头部位于节点B头部的后面
- * case 4: //前置,即节点A头部位于节点B头部的前面
- * case 8: //被包含,即节点A被节点B包含
- * case 10://组合类型,即节点A满足跟随节点B且被节点B包含。实际上,如果被包含,必定跟随,所以returnValue事实上不会存在8的情况。
- * case 16://包含,即节点A包含节点B
- * case 20://组合类型,即节点A满足前置节点A且包含节点B。同样,如果包含,必定前置,所以returnValue事实上也不会存在16的情况
- * }
- */
- getPosition: function (nodeA, nodeB) {
- // 如果两个节点是同一个节点
- if (nodeA === nodeB) {
- // domUtils.POSITION_IDENTICAL
- return 0;
- }
- var node,
- parentsA = [nodeA],
- parentsB = [nodeB];
- node = nodeA;
- while (node = node.parentNode) {
- // 如果nodeB是nodeA的祖先节点
- if (node === nodeB) {
- // domUtils.POSITION_IS_CONTAINED + domUtils.POSITION_FOLLOWING
- return 10;
- }
- parentsA.push(node);
- }
- node = nodeB;
- while (node = node.parentNode) {
- // 如果nodeA是nodeB的祖先节点
- if (node === nodeA) {
- // domUtils.POSITION_CONTAINS + domUtils.POSITION_PRECEDING
- return 20;
- }
- parentsB.push(node);
- }
- parentsA.reverse();
- parentsB.reverse();
- if (parentsA[0] !== parentsB[0]) {
- // domUtils.POSITION_DISCONNECTED
- return 1;
- }
- var i = -1;
- while (i++, parentsA[i] === parentsB[i]) {
- }
- nodeA = parentsA[i];
- nodeB = parentsB[i];
- while (nodeA = nodeA.nextSibling) {
- if (nodeA === nodeB) {
- // domUtils.POSITION_PRECEDING
- return 4
- }
- }
- // domUtils.POSITION_FOLLOWING
- return 2;
- },
- /**
- * 返回节点node在父节点中的索引位置
- * @name getNodeIndex
- * @grammar UE.dom.domUtils.getNodeIndex(node) => Number //索引值从0开始
- */
- getNodeIndex: function (node, ignoreTextNode) {
- var preNode = node,
- i = 0;
- while (preNode = preNode.previousSibling) {
- if (ignoreTextNode && preNode.nodeType == 3) {
- if (preNode.nodeType != preNode.nextSibling.nodeType) {
- i++;
- }
- continue;
- }
- i++;
- }
- return i;
- },
- /**
- * 检测节点node是否在节点doc的树上,实质上是检测是否被doc包含
- * @name inDoc
- * @grammar UE.dom.domUtils.inDoc(node,doc) => true|false
- */
- inDoc: function (node, doc) {
- return domUtils.getPosition(node, doc) == 10;
- },
- /**
- * 查找node节点的祖先节点
- * @name findParent
- * @grammar UE.dom.domUtils.findParent(node) => Element // 直接返回node节点的父节点
- * @grammar UE.dom.domUtils.findParent(node,filterFn) => Element //filterFn为过滤函数,node作为参数,返回true时才会将node作为符合要求的节点返回
- * @grammar UE.dom.domUtils.findParent(node,filterFn,includeSelf) => Element //includeSelf指定是否包含自身
- */
- findParent: function (node, filterFn, includeSelf) {
- if (node && !domUtils.isBody(node)) {
- node = includeSelf ? node : node.parentNode;
- while (node) {
- if (!filterFn || filterFn(node) || domUtils.isBody(node)) {
- return filterFn && !filterFn(node) && domUtils.isBody(node) ? null : node;
- }
- node = node.parentNode;
- }
- }
- return null;
- },
- /**
- * 通过tagName查找node节点的祖先节点
- * @name findParentByTagName
- * @grammar UE.dom.domUtils.findParentByTagName(node,tagNames) => Element //tagNames支持数组,区分大小写
- * @grammar UE.dom.domUtils.findParentByTagName(node,tagNames,includeSelf) => Element //includeSelf指定是否包含自身
- * @grammar UE.dom.domUtils.findParentByTagName(node,tagNames,includeSelf,excludeFn) => Element //excludeFn指定例外过滤条件,返回true时忽略该节点
- */
- findParentByTagName: function (node, tagNames, includeSelf, excludeFn) {
- tagNames = utils.listToMap(utils.isArray(tagNames) ? tagNames : [tagNames]);
- return domUtils.findParent(node, function (node) {
- return tagNames[node.tagName] && !(excludeFn && excludeFn(node));
- }, includeSelf);
- },
- /**
- * 查找节点node的祖先节点集合
- * @name findParents
- * @grammar UE.dom.domUtils.findParents(node) => Array //返回一个祖先节点数组集合,不包含自身
- * @grammar UE.dom.domUtils.findParents(node,includeSelf) => Array //返回一个祖先节点数组集合,includeSelf指定是否包含自身
- * @grammar UE.dom.domUtils.findParents(node,includeSelf,filterFn) => Array //返回一个祖先节点数组集合,filterFn指定过滤条件,返回true的node将被选取
- * @grammar UE.dom.domUtils.findParents(node,includeSelf,filterFn,closerFirst) => Array //返回一个祖先节点数组集合,closerFirst为true的话,node的直接父亲节点是数组的第0个
- */
- findParents: function (node, includeSelf, filterFn, closerFirst) {
- var parents = includeSelf && ( filterFn && filterFn(node) || !filterFn ) ? [node] : [];
- while (node = domUtils.findParent(node, filterFn)) {
- parents.push(node);
- }
- return closerFirst ? parents : parents.reverse();
- },
- /**
- * 在节点node后面插入新节点newNode
- * @name insertAfter
- * @grammar UE.dom.domUtils.insertAfter(node,newNode) => newNode
- */
- insertAfter: function (node, newNode) {
- return node.parentNode.insertBefore(newNode, node.nextSibling);
- },
- /**
- * 删除节点node,并根据keepChildren指定是否保留子节点
- * @name remove
- * @grammar UE.dom.domUtils.remove(node) => node
- * @grammar UE.dom.domUtils.remove(node,keepChildren) => node
- */
- remove: function (node, keepChildren) {
- var parent = node.parentNode,
- child;
- if (parent) {
- if (keepChildren && node.hasChildNodes()) {
- while (child = node.firstChild) {
- parent.insertBefore(child, node);
- }
- }
- parent.removeChild(node);
- }
- return node;
- },
- /**
- * 取得node节点在dom树上的下一个节点,即多叉树遍历
- * @name getNextDomNode
- * @grammar UE.dom.domUtils.getNextDomNode(node) => Element
- * @example
- */
- getNextDomNode: function (node, startFromChild, filterFn, guard) {
- return getDomNode(node, 'firstChild', 'nextSibling', startFromChild, filterFn, guard);
- },
- /**
- * 检测节点node是否属于bookmark节点
- * @name isBookmarkNode
- * @grammar UE.dom.domUtils.isBookmarkNode(node) => true|false
- */
- isBookmarkNode: function (node) {
- return node.nodeType == 1 && node.id && /^_baidu_bookmark_/i.test(node.id);
- },
- /**
- * 获取节点node所在的window对象
- * @name getWindow
- * @grammar UE.dom.domUtils.getWindow(node) => window对象
- */
- getWindow: function (node) {
- var doc = node.ownerDocument || node;
- return doc.defaultView || doc.parentWindow;
- },
- /**
- * 得到nodeA与nodeB公共的祖先节点
- * @name getCommonAncestor
- * @grammar UE.dom.domUtils.getCommonAncestor(nodeA,nodeB) => Element
- */
- getCommonAncestor: function (nodeA, nodeB) {
- if (nodeA === nodeB)
- return nodeA;
- var parentsA = [nodeA] , parentsB = [nodeB], parent = nodeA, i = -1;
- while (parent = parent.parentNode) {
- if (parent === nodeB) {
- return parent;
- }
- parentsA.push(parent);
- }
- parent = nodeB;
- while (parent = parent.parentNode) {
- if (parent === nodeA)
- return parent;
- parentsB.push(parent);
- }
- parentsA.reverse();
- parentsB.reverse();
- while (i++, parentsA[i] === parentsB[i]) {
- }
- return i == 0 ? null : parentsA[i - 1];
- },
- /**
- * 清除node节点左右兄弟为空的inline节点
- * @name clearEmptySibling
- * @grammar UE.dom.domUtils.clearEmptySibling(node)
- * @grammar UE.dom.domUtils.clearEmptySibling(node,ignoreNext) //ignoreNext指定是否忽略右边空节点
- * @grammar UE.dom.domUtils.clearEmptySibling(node,ignoreNext,ignorePre) //ignorePre指定是否忽略左边空节点
- * @example
- * <b></b><i></i>xxxx<b>bb</b> --> xxxx<b>bb</b>
- */
- clearEmptySibling: function (node, ignoreNext, ignorePre) {
- function clear(next, dir) {
- var tmpNode;
- while (next && !domUtils.isBookmarkNode(next) && (domUtils.isEmptyInlineElement(next)
- //这里不能把空格算进来会吧空格干掉,出现文字间的空格丢掉了
- || !new RegExp('[^\t\n\r' + domUtils.fillChar + ']').test(next.nodeValue) )) {
- tmpNode = next[dir];
- domUtils.remove(next);
- next = tmpNode;
- }
- }
- !ignoreNext && clear(node.nextSibling, 'nextSibling');
- !ignorePre && clear(node.previousSibling, 'previousSibling');
- },
- /**
- * 将一个文本节点node拆分成两个文本节点,offset指定拆分位置
- * @name split
- * @grammar UE.dom.domUtils.split(node,offset) => TextNode //返回从切分位置开始的后一个文本节点
- */
- split: function (node, offset) {
- var doc = node.ownerDocument;
- if (browser.ie && offset == node.nodeValue.length) {
- var next = doc.createTextNode('');
- return domUtils.insertAfter(node, next);
- }
- var retval = node.splitText(offset);
- //ie8下splitText不会跟新childNodes,我们手动触发他的更新
- if (browser.ie8) {
- var tmpNode = doc.createTextNode('');
- domUtils.insertAfter(retval, tmpNode);
- domUtils.remove(tmpNode);
- }
- return retval;
- },
- /**
- * 检测节点node是否为空节点(包括空格、换行、占位符等字符)
- * @name isWhitespace
- * @grammar UE.dom.domUtils.isWhitespace(node) => true|false
- */
- isWhitespace: function (node) {
- return !new RegExp('[^ \t\n\r' + domUtils.fillChar + ']').test(node.nodeValue);
- },
- /**
- * 获取元素element相对于viewport的位置坐标
- * @name getXY
- * @grammar UE.dom.domUtils.getXY(element) => Object //返回坐标对象{x:left,y:top}
- */
- getXY: function (element) {
- var x = 0, y = 0;
- while (element.offsetParent) {
- y += element.offsetTop;
- x += element.offsetLeft;
- element = element.offsetParent;
- }
- return { 'x': x, 'y': y};
- },
- /**
- * 为元素element绑定原生DOM事件,type为事件类型,handler为处理函数
- * @name on
- * @grammar UE.dom.domUtils.on(element,type,handler) //type支持数组传入
- * @example
- * UE.dom.domUtils.on(document.body,"click",function(e){
- * //e为事件对象,this为被点击元素对戏那个
- * })
- * @example
- * UE.dom.domUtils.on(document.body,["click","mousedown"],function(evt){
- * //evt为事件对象,this为被点击元素对象
- * })
- */
- on: function (element, type, handler) {
- var types = utils.isArray(type) ? type : [type],
- k = types.length;
- if (k) while (k--) {
- type = types[k];
- if (element.addEventListener) {
- element.addEventListener(type, handler, false);
- } else {
- if (!handler._d) {
- handler._d = {
- els: []
- };
- }
- var key = type + handler.toString(), index = utils.indexOf(handler._d.els, element);
- if (!handler._d[key] || index == -1) {
- if (index == -1) {
- handler._d.els.push(element);
- }
- if (!handler._d[key]) {
- handler._d[key] = function (evt) {
- return handler.call(evt.srcElement, evt || window.event);
- };
- }
- element.attachEvent('on' + type, handler._d[key]);
- }
- }
- }
- element = null;
- },
- /**
- * 解除原生DOM事件绑定
- * @name un
- * @grammar UE.dom.donUtils.un(element,type,handler) //参见<code><a href="#on">on</a></code>
- */
- un: function (element, type, handler) {
- var types = utils.isArray(type) ? type : [type],
- k = types.length;
- if (k) while (k--) {
- type = types[k];
- if (element.removeEventListener) {
- element.removeEventListener(type, handler, false);
- } else {
- var key = type + handler.toString();
- try {
- element.detachEvent('on' + type, handler._d ? handler._d[key] : handler);
- } catch (e) {
- }
- if (handler._d && handler._d[key]) {
- var index = utils.indexOf(handler._d.els, element);
- if (index != -1) {
- handler._d.els.splice(index, 1);
- }
- handler._d.els.length == 0 && delete handler._d[key];
- }
- }
- }
- },
- /**
- * 比较节点nodeA与节点nodeB是否具有相同的标签名、属性名以及属性值
- * @name isSameElement
- * @grammar UE.dom.domUtils.isSameElement(nodeA,nodeB) => true|false
- * @example
- * <span style="font-size:12px">ssss</span> and <span style="font-size:12px">bbbbb</span> => true
- * <span style="font-size:13px">ssss</span> and <span style="font-size:12px">bbbbb</span> => false
- */
- isSameElement: function (nodeA, nodeB) {
- if (nodeA.tagName != nodeB.tagName) {
- return false;
- }
- var thisAttrs = nodeA.attributes,
- otherAttrs = nodeB.attributes;
- if (!ie && thisAttrs.length != otherAttrs.length) {
- return false;
- }
- var attrA, attrB, al = 0, bl = 0;
- for (var i = 0; attrA = thisAttrs[i++];) {
- if (attrA.nodeName == 'style') {
- if (attrA.specified) {
- al++;
- }
- if (domUtils.isSameStyle(nodeA, nodeB)) {
- continue;
- } else {
- return false;
- }
- }
- if (ie) {
- if (attrA.specified) {
- al++;
- attrB = otherAttrs.getNamedItem(attrA.nodeName);
- } else {
- continue;
- }
- } else {
- attrB = nodeB.attributes[attrA.nodeName];
- }
- if (!attrB.specified || attrA.nodeValue != attrB.nodeValue) {
- return false;
- }
- }
- // 有可能attrB的属性包含了attrA的属性之外还有自己的属性
- if (ie) {
- for (i = 0; attrB = otherAttrs[i++];) {
- if (attrB.specified) {
- bl++;
- }
- }
- if (al != bl) {
- return false;
- }
- }
- return true;
- },
- /**
- * 判断节点nodeA与节点nodeB的元素属性是否一致
- * @name isSameStyle
- * @grammar UE.dom.domUtils.isSameStyle(nodeA,nodeB) => true|false
- */
- isSameStyle: function (nodeA, nodeB) {
- var styleA = nodeA.style.cssText.replace(/( ?; ?)/g, ';').replace(/( ?: ?)/g, ':'),
- styleB = nodeB.style.cssText.replace(/( ?; ?)/g, ';').replace(/( ?: ?)/g, ':');
- if (browser.opera) {
- styleA = nodeA.style;
- styleB = nodeB.style;
- if (styleA.length != styleB.length)
- return false;
- for (var p in styleA) {
- if (/^(\d+|csstext)$/i.test(p)) {
- continue;
- }
- if (styleA[p] != styleB[p]) {
- return false;
- }
- }
- return true;
- }
- if (!styleA || !styleB) {
- return styleA == styleB;
- }
- styleA = styleA.split(';');
- styleB = styleB.split(';');
- if (styleA.length != styleB.length) {
- return false;
- }
- for (var i = 0, ci; ci = styleA[i++];) {
- if (utils.indexOf(styleB, ci) == -1) {
- return false;
- }
- }
- return true;
- },
- /**
- * 检查节点node是否为块元素
- * @name isBlockElm
- * @grammar UE.dom.domUtils.isBlockElm(node) => true|false
- */
- isBlockElm: function (node) {
- return node.nodeType == 1 && (dtd.$block[node.tagName] || styleBlock[domUtils.getComputedStyle(node, 'display')]) && !dtd.$nonChild[node.tagName];
- },
- /**
- * 检测node节点是否为body节点
- * @name isBody
- * @grammar UE.dom.domUtils.isBody(node) => true|false
- */
- isBody: function (node) {
- return node && node.nodeType == 1 && node.tagName.toLowerCase() == 'body';
- },
- /**
- * 以node节点为中心,将该节点的指定祖先节点parent拆分成2块
- * @name breakParent
- * @grammar UE.dom.domUtils.breakParent(node,parent) => node
- * @desc
- * <code type="html"><b>ooo</b>是node节点
- * <p>xxxx<b>ooo</b>xxx</p> ==> <p>xxx</p><b>ooo</b><p>xxx</p>
- * <p>xxxxx<span>xxxx<b>ooo</b>xxxxxx</span></p> => <p>xxxxx<span>xxxx</span></p><b>ooo</b><p><span>xxxxxx</span></p></code>
- */
- breakParent: function (node, parent) {
- var tmpNode,
- parentClone = node,
- clone = node,
- leftNodes,
- rightNodes;
- do {
- parentClone = parentClone.parentNode;
- if (leftNodes) {
- tmpNode = parentClone.cloneNode(false);
- tmpNode.appendChild(leftNodes);
- leftNodes = tmpNode;
- tmpNode = parentClone.cloneNode(false);
- tmpNode.appendChild(rightNodes);
- rightNodes = tmpNode;
- } else {
- leftNodes = parentClone.cloneNode(false);
- rightNodes = leftNodes.cloneNode(false);
- }
- while (tmpNode = clone.previousSibling) {
- leftNodes.insertBefore(tmpNode, leftNodes.firstChild);
- }
- while (tmpNode = clone.nextSibling) {
- rightNodes.appendChild(tmpNode);
- }
- clone = parentClone;
- } while (parent !== parentClone);
- tmpNode = parent.parentNode;
- tmpNode.insertBefore(leftNodes, parent);
- tmpNode.insertBefore(rightNodes, parent);
- tmpNode.insertBefore(node, rightNodes);
- domUtils.remove(parent);
- return node;
- },
- /**
- * 检查节点node是否是空inline节点
- * @name isEmptyInlineElement
- * @grammar UE.dom.domUtils.isEmptyInlineElement(node) => 1|0
- * @example
- * <b><i></i></b> => 1
- * <b><i></i><u></u></b> => 1
- * <b></b> => 1
- * <b>xx<i></i></b> => 0
- */
- isEmptyInlineElement: function (node) {
- if (node.nodeType != 1 || !dtd.$removeEmpty[ node.tagName ]) {
- return 0;
- }
- node = node.firstChild;
- while (node) {
- //如果是创建的bookmark就跳过
- if (domUtils.isBookmarkNode(node)) {
- return 0;
- }
- if (node.nodeType == 1 && !domUtils.isEmptyInlineElement(node) ||
- node.nodeType == 3 && !domUtils.isWhitespace(node)
- ) {
- return 0;
- }
- node = node.nextSibling;
- }
- return 1;
- },
- /**
- * 删除node节点下的左右空白文本子节点
- * @name trimWhiteTextNode
- * @grammar UE.dom.domUtils.trimWhiteTextNode(node)
- */
- trimWhiteTextNode: function (node) {
- function remove(dir) {
- var child;
- while ((child = node[dir]) && child.nodeType == 3 && domUtils.isWhitespace(child)) {
- node.removeChild(child);
- }
- }
- remove('firstChild');
- remove('lastChild');
- },
- /**
- * 合并node节点下相同的子节点
- * @name mergeChild
- * @desc
- * UE.dom.domUtils.mergeChild(node,tagName) //tagName要合并的子节点的标签
- * @example
- * <p><span style="font-size:12px;">xx<span style="font-size:12px;">aa</span>xx</span></p>
- * ==> UE.dom.domUtils.mergeChild(node,'span')
- * <p><span style="font-size:12px;">xxaaxx</span></p>
- */
- mergeChild: function (node, tagName, attrs) {
- var list = domUtils.getElementsByTagName(node, node.tagName.toLowerCase());
- for (var i = 0, ci; ci = list[i++];) {
- if (!ci.parentNode || domUtils.isBookmarkNode(ci)) {
- continue;
- }
- //span单独处理
- if (ci.tagName.toLowerCase() == 'span') {
- if (node === ci.parentNode) {
- domUtils.trimWhiteTextNode(node);
- if (node.childNodes.length == 1) {
- node.style.cssText = ci.style.cssText + ";" + node.style.cssText;
- domUtils.remove(ci, true);
- continue;
- }
- }
- ci.style.cssText = node.style.cssText + ';' + ci.style.cssText;
- if (attrs) {
- var style = attrs.style;
- if (style) {
- style = style.split(';');
- for (var j = 0, s; s = style[j++];) {
- ci.style[utils.cssStyleToDomStyle(s.split(':')[0])] = s.split(':')[1];
- }
- }
- }
- if (domUtils.isSameStyle(ci, node)) {
- domUtils.remove(ci, true);
- }
- continue;
- }
- if (domUtils.isSameElement(node, ci)) {
- domUtils.remove(ci, true);
- }
- }
- },
- /**
- * 原生方法getElementsByTagName的封装
- * @name getElementsByTagName
- * @grammar UE.dom.domUtils.getElementsByTagName(node,tagName) => Array //节点集合数组
- */
- getElementsByTagName: function (node, name, filter) {
- if (filter && utils.isString(filter)) {
- var className = filter;
- filter = function (node) {
- return domUtils.hasClass(node, className)
- }
- }
- name = utils.trim(name).replace(/[ ]{2,}/g, ' ').split(' ');
- var arr = [];
- for (var n = 0, ni; ni = name[n++];) {
- var list = node.getElementsByTagName(ni);
- for (var i = 0, ci; ci = list[i++];) {
- if (!filter || filter(ci))
- arr.push(ci);
- }
- }
- return arr;
- },
- /**
- * 将节点node合并到父节点上
- * @name mergeToParent
- * @grammar UE.dom.domUtils.mergeToParent(node)
- * @example
- * <span style="color:#fff"><span style="font-size:12px">xxx</span></span> ==> <span style="color:#fff;font-size:12px">xxx</span>
- */
- mergeToParent: function (node) {
- var parent = node.parentNode;
- while (parent && dtd.$removeEmpty[parent.tagName]) {
- if (parent.tagName == node.tagName || parent.tagName == 'A') {//针对a标签单独处理
- domUtils.trimWhiteTextNode(parent);
- //span需要特殊处理 不处理这样的情况 <span stlye="color:#fff">xxx<span style="color:#ccc">xxx</span>xxx</span>
- if (parent.tagName == 'SPAN' && !domUtils.isSameStyle(parent, node)
- || (parent.tagName == 'A' && node.tagName == 'SPAN')) {
- if (parent.childNodes.length > 1 || parent !== node.parentNode) {
- node.style.cssText = parent.style.cssText + ";" + node.style.cssText;
- parent = parent.parentNode;
- continue;
- } else {
- parent.style.cssText += ";" + node.style.cssText;
- //trace:952 a标签要保持下划线
- if (parent.tagName == 'A') {
- parent.style.textDecoration = 'underline';
- }
- }
- }
- if (parent.tagName != 'A') {
- parent === node.parentNode && domUtils.remove(node, true);
- break;
- }
- }
- parent = parent.parentNode;
- }
- },
- /**
- * 合并节点node的左右兄弟节点
- * @name mergeSibling
- * @grammar UE.dom.domUtils.mergeSibling(node)
- * @grammar UE.dom.domUtils.mergeSibling(node,ignorePre) //ignorePre指定是否忽略左兄弟
- * @grammar UE.dom.domUtils.mergeSibling(node,ignorePre,ignoreNext) //ignoreNext指定是否忽略右兄弟
- * @example
- * <b>xxxx</b><b>ooo</b><b>xxxx</b> ==> <b>xxxxoooxxxx</b>
- */
- mergeSibling: function (node, ignorePre, ignoreNext) {
- function merge(rtl, start, node) {
- var next;
- if ((next = node[rtl]) && !domUtils.isBookmarkNode(next) && next.nodeType == 1 && domUtils.isSameElement(node, next)) {
- while (next.firstChild) {
- if (start == 'firstChild') {
- node.insertBefore(next.lastChild, node.firstChild);
- } else {
- node.appendChild(next.firstChild);
- }
- }
- domUtils.remove(next);
- }
- }
- !ignorePre && merge('previousSibling', 'firstChild', node);
- !ignoreNext && merge('nextSibling', 'lastChild', node);
- },
- /**
- * 设置节点node及其子节点不会被选中
- * @name unSelectable
- * @grammar UE.dom.domUtils.unSelectable(node)
- */
- unSelectable: ie || browser.opera ? function (node) {
- //for ie9
- node.onselectstart = function () {
- return false;
- };
- node.onclick = node.onkeyup = node.onkeydown = function () {
- return false;
- };
- node.unselectable = 'on';
- node.setAttribute("unselectable", "on");
- for (var i = 0, ci; ci = node.all[i++];) {
- switch (ci.tagName.toLowerCase()) {
- case 'iframe' :
- case 'textarea' :
- case 'input' :
- case 'select' :
- break;
- default :
- ci.unselectable = 'on';
- node.setAttribute("unselectable", "on");
- }
- }
- } : function (node) {
- node.style.MozUserSelect =
- node.style.webkitUserSelect =
- node.style.KhtmlUserSelect = 'none';
- },
- /**
- * 删除节点node上的属性attrNames,attrNames为属性名称数组
- * @name removeAttributes
- * @grammar UE.dom.domUtils.removeAttributes(node,attrNames)
- * @example
- * //Before remove
- * <span style="font-size:14px;" id="test" name="followMe">xxxxx</span>
- * //Remove
- * UE.dom.domUtils.removeAttributes(node,["id","name"]);
- * //After remove
- * <span style="font-size:14px;">xxxxx</span>
- */
- removeAttributes: function (node, attrNames) {
- attrNames = utils.isArray(attrNames) ? attrNames : utils.trim(attrNames).replace(/[ ]{2,}/g, ' ').split(' ');
- for (var i = 0, ci; ci = attrNames[i++];) {
- ci = attrFix[ci] || ci;
- switch (ci) {
- case 'className':
- node[ci] = '';
- break;
- case 'style':
- node.style.cssText = '';
- if (node.getAttributeNode('style') !== null) {
- !browser.ie && node.removeAttributeNode(node.getAttributeNode('style'))
- }
- }
- node.removeAttribute(ci);
- }
- },
- /**
- * 在doc下创建一个标签名为tag,属性为attrs的元素
- * @name createElement
- * @grammar UE.dom.domUtils.createElement(doc,tag,attrs) => Node //返回创建的节点
- */
- createElement: function (doc, tag, attrs) {
- return domUtils.setAttributes(doc.createElement(tag), attrs)
- },
- /**
- * 为节点node添加属性attrs,attrs为属性键值对
- * @name setAttributes
- * @grammar UE.dom.domUtils.setAttributes(node,attrs) => node
- */
- setAttributes: function (node, attrs) {
- for (var attr in attrs) {
- if (attrs.hasOwnProperty(attr)) {
- var value = attrs[attr];
- switch (attr) {
- case 'class':
- //ie下要这样赋值,setAttribute不起作用
- node.className = value;
- break;
- case 'style' :
- node.style.cssText = node.style.cssText + ";" + value;
- break;
- case 'innerHTML':
- node[attr] = value;
- break;
- case 'value':
- node.value = value;
- break;
- default:
- node.setAttribute(attrFix[attr] || attr, value);
- }
- }
- }
- return node;
- },
- /**
- * 获取元素element的计算样式
- * @name getComputedStyle
- * @grammar UE.dom.domUtils.getComputedStyle(element,styleName) => String //返回对应样式名称的样式值
- * @example
- * getComputedStyle(document.body,"font-size") => "15px"
- * getComputedStyle(form,"color") => "#ffccdd"
- */
- getComputedStyle: function (element, styleName) {
- //一下的属性单独处理
- var pros = 'width height top left';
- if (pros.indexOf(styleName) > -1) {
- return element['offset' + styleName.replace(/^\w/, function (s) {
- return s.toUpperCase()
- })] + 'px';
- }
- //忽略文本节点
- if (element.nodeType == 3) {
- element = element.parentNode;
- }
- //ie下font-size若body下定义了font-size,则从currentStyle里会取到这个font-size. 取不到实际值,故此修改.
- if (browser.ie && browser.version < 9 && styleName == 'font-size' && !element.style.fontSize && !dtd.$empty[element.tagName] && !dtd.$nonChild[element.tagName]) {
- var span = element.ownerDocument.createElement('span');
- span.style.cssText = 'padding:0;border:0;font-family:simsun;';
- span.innerHTML = '.';
- element.appendChild(span);
- var result = span.offsetHeight;
- element.removeChild(span);
- span = null;
- return result + 'px';
- }
- try {
- var value = domUtils.getStyle(element, styleName) ||
- (window.getComputedStyle ? domUtils.getWindow(element).getComputedStyle(element, '').getPropertyValue(styleName) :
- ( element.currentStyle || element.style )[utils.cssStyleToDomStyle(styleName)]);
- } catch (e) {
- return "";
- }
- return utils.transUnitToPx(utils.fixColor(styleName, value));
- },
- /**
- * 在元素element上删除classNames,支持同时删除多个
- * @name removeClasses
- * @grammar UE.dom.domUtils.removeClasses(element,classNames)
- * @example
- * //执行方法前的dom结构
- * <span class="test1 test2 test3">xxx</span>
- * //执行方法
- * UE.dom.domUtils.removeClasses(element,["test1","test3"])
- * //执行方法后的dom结构
- * <span class="test2">xxx</span>
- */
- removeClasses: function (elm, classNames) {
- classNames = utils.isArray(classNames) ? classNames :
- utils.trim(classNames).replace(/[ ]{2,}/g, ' ').split(' ');
- for (var i = 0, ci, cls = elm.className; ci = classNames[i++];) {
- cls = cls.replace(new RegExp('\\b' + ci + '\\b'), '')
- }
- cls = utils.trim(cls).replace(/[ ]{2,}/g, ' ');
- if (cls) {
- elm.className = cls;
- } else {
- domUtils.removeAttributes(elm, ['class']);
- }
- },
- /**
- * 在元素element上增加一个样式类className,支持以空格分开的多个类名
- * 如果相同的类名将不会添加
- * @name addClass
- * @grammar UE.dom.domUtils.addClass(element,classNames)
- */
- addClass: function (elm, classNames) {
- if (!elm)return;
- classNames = utils.trim(classNames).replace(/[ ]{2,}/g, ' ').split(' ');
- for (var i = 0, ci, cls = elm.className; ci = classNames[i++];) {
- if (!new RegExp('\\b' + ci + '\\b').test(cls)) {
- elm.className += ' ' + ci;
- }
- }
- },
- /**
- * 判断元素element是否包含样式类名className,支持以空格分开的多个类名,多个类名顺序不同也可以比较
- * @name hasClass
- * @grammar UE.dom.domUtils.hasClass(element,className) =>true|false
- */
- hasClass: function (element, className) {
- if (utils.isRegExp(className)) {
- return className.test(element.className)
- }
- className = utils.trim(className).replace(/[ ]{2,}/g, ' ').split(' ');
- for (var i = 0, ci, cls = element.className; ci = className[i++];) {
- if (!new RegExp('\\b' + ci + '\\b', 'i').test(cls)) {
- return false;
- }
- }
- return i - 1 == className.length;
- },
- /**
- * 阻止事件默认行为
- * @param {Event} evt 需要组织的事件对象
- */
- preventDefault: function (evt) {
- evt.preventDefault ? evt.preventDefault() : (evt.returnValue = false);
- },
- /**
- * 删除元素element的样式
- * @grammar UE.dom.domUtils.removeStyle(element,name) 删除的样式名称
- */
- removeStyle: function (element, name) {
- if (browser.ie) {
- //针对color先单独处理一下
- if (name == 'color') {
- name = '(^|;)' + name;
- }
- element.style.cssText = element.style.cssText.replace(new RegExp(name + '[^:]*:[^;]+;?', 'ig'), '')
- } else {
- if (element.style.removeProperty) {
- element.style.removeProperty(name);
- } else {
- element.style.removeAttribute(utils.cssStyleToDomStyle(name));
- }
- }
- if (!element.style.cssText) {
- domUtils.removeAttributes(element, ['style']);
- }
- },
- /**
- * 获取元素element的某个样式值
- * @name getStyle
- * @grammar UE.dom.domUtils.getStyle(element,name) => String
- */
- getStyle: function (element, name) {
- var value = element.style[ utils.cssStyleToDomStyle(name) ];
- return utils.fixColor(name, value);
- },
- /**
- * 为元素element设置样式属性值
- * @name setStyle
- * @grammar UE.dom.domUtils.setStyle(element,name,value)
- */
- setStyle: function (element, name, value) {
- element.style[utils.cssStyleToDomStyle(name)] = value;
- if (!utils.trim(element.style.cssText)) {
- this.removeAttributes(element, 'style')
- }
- },
- /**
- * 为元素element设置样式属性值
- * @name setStyles
- * @grammar UE.dom.domUtils.setStyle(element,styles) //styles为样式键值对
- */
- setStyles: function (element, styles) {
- for (var name in styles) {
- if (styles.hasOwnProperty(name)) {
- domUtils.setStyle(element, name, styles[name]);
- }
- }
- },
- /**
- * 删除_moz_dirty属性
- * @function
- */
- removeDirtyAttr: function (node) {
- for (var i = 0, ci, nodes = node.getElementsByTagName('*'); ci = nodes[i++];) {
- ci.removeAttribute('_moz_dirty');
- }
- node.removeAttribute('_moz_dirty');
- },
- /**
- * 返回子节点的数量
- * @function
- * @param {Node} node 父节点
- * @param {Function} fn 过滤子节点的规则,若为空,则得到所有子节点的数量
- * @return {Number} 符合条件子节点的数量
- */
- getChildCount: function (node, fn) {
- var count = 0, first = node.firstChild;
- fn = fn || function () {
- return 1;
- };
- while (first) {
- if (fn(first)) {
- count++;
- }
- first = first.nextSibling;
- }
- return count;
- },
- /**
- * 判断是否为空节点
- * @function
- * @param {Node} node 节点
- * @return {Boolean} 是否为空节点
- */
- isEmptyNode: function (node) {
- return !node.firstChild || domUtils.getChildCount(node, function (node) {
- return !domUtils.isBr(node) && !domUtils.isBookmarkNode(node) && !domUtils.isWhitespace(node)
- }) == 0
- },
- /**
- * 清空节点所有的className
- * @function
- * @param {Array} nodes 节点数组
- */
- clearSelectedArr: function (nodes) {
- var node;
- while (node = nodes.pop()) {
- domUtils.removeAttributes(node, ['class']);
- }
- },
- /**
- * 将显示区域滚动到显示节点的位置
- * @function
- * @param {Node} node 节点
- * @param {window} win window对象
- * @param {Number} offsetTop 距离上方的偏移量
- */
- scrollToView: function (node, win, offsetTop) {
- var getViewPaneSize = function () {
- var doc = win.document,
- mode = doc.compatMode == 'CSS1Compat';
- return {
- width: ( mode ? doc.documentElement.clientWidth : doc.body.clientWidth ) || 0,
- height: ( mode ? doc.documentElement.clientHeight : doc.body.clientHeight ) || 0
- };
- },
- getScrollPosition = function (win) {
- if ('pageXOffset' in win) {
- return {
- x: win.pageXOffset || 0,
- y: win.pageYOffset || 0
- };
- }
- else {
- var doc = win.document;
- return {
- x: doc.documentElement.scrollLeft || doc.body.scrollLeft || 0,
- y: doc.documentElement.scrollTop || doc.body.scrollTop || 0
- };
- }
- };
- var winHeight = getViewPaneSize().height, offset = winHeight * -1 + offsetTop;
- offset += (node.offsetHeight || 0);
- var elementPosition = domUtils.getXY(node);
- offset += elementPosition.y;
- var currentScroll = getScrollPosition(win).y;
- // offset += 50;
- if (offset > currentScroll || offset < currentScroll - winHeight) {
- win.scrollTo(0, offset + (offset < 0 ? -20 : 20));
- }
- },
- /**
- * 判断节点是否为br
- * @function
- * @param {Node} node 节点
- */
- isBr: function (node) {
- return node.nodeType == 1 && node.tagName == 'BR';
- },
- isFillChar: function (node, isInStart) {
- return node.nodeType == 3 && !node.nodeValue.replace(new RegExp((isInStart ? '^' : '' ) + domUtils.fillChar), '').length
- },
- isStartInblock: function (range) {
- var tmpRange = range.cloneRange(),
- flag = 0,
- start = tmpRange.startContainer,
- tmp;
- if (start.nodeType == 1 && start.childNodes[tmpRange.startOffset]) {
- start = start.childNodes[tmpRange.startOffset];
- var pre = start.previousSibling;
- while (pre && domUtils.isFillChar(pre)) {
- start = pre;
- pre = pre.previousSibling;
- }
- }
- if (this.isFillChar(start, true) && tmpRange.startOffset == 1) {
- tmpRange.setStartBefore(start);
- start = tmpRange.startContainer;
- }
- while (start && domUtils.isFillChar(start)) {
- tmp = start;
- start = start.previousSibling
- }
- if (tmp) {
- tmpRange.setStartBefore(tmp);
- start = tmpRange.startContainer;
- }
- if (start.nodeType == 1 && domUtils.isEmptyNode(start) && tmpRange.startOffset == 1) {
- tmpRange.setStart(start, 0).collapse(true);
- }
- while (!tmpRange.startOffset) {
- start = tmpRange.startContainer;
- if (domUtils.isBlockElm(start) || domUtils.isBody(start)) {
- flag = 1;
- break;
- }
- var pre = tmpRange.startContainer.previousSibling,
- tmpNode;
- if (!pre) {
- tmpRange.setStartBefore(tmpRange.startContainer);
- } else {
- while (pre && domUtils.isFillChar(pre)) {
- tmpNode = pre;
- pre = pre.previousSibling;
- }
- if (tmpNode) {
- tmpRange.setStartBefore(tmpNode);
- } else {
- tmpRange.setStartBefore(tmpRange.startContainer);
- }
- }
- }
- return flag && !domUtils.isBody(tmpRange.startContainer) ? 1 : 0;
- },
- isEmptyBlock: function (node, reg) {
- if (node.nodeType != 1)
- return 0;
- reg = reg || new RegExp('[ \t\r\n' + domUtils.fillChar + ']', 'g');
- if (node[browser.ie ? 'innerText' : 'textContent'].replace(reg, '').length > 0) {
- return 0;
- }
- for (var n in dtd.$isNotEmpty) {
- if (node.getElementsByTagName(n).length) {
- return 0;
- }
- }
- return 1;
- },
- setViewportOffset: function (element, offset) {
- var left = parseInt(element.style.left) | 0;
- var top = parseInt(element.style.top) | 0;
- var rect = element.getBoundingClientRect();
- var offsetLeft = offset.left - rect.left;
- var offsetTop = offset.top - rect.top;
- if (offsetLeft) {
- element.style.left = left + offsetLeft + 'px';
- }
- if (offsetTop) {
- element.style.top = top + offsetTop + 'px';
- }
- },
- fillNode: function (doc, node) {
- var tmpNode = browser.ie ? doc.createTextNode(domUtils.fillChar) : doc.createElement('br');
- node.innerHTML = '';
- node.appendChild(tmpNode);
- },
- moveChild: function (src, tag, dir) {
- while (src.firstChild) {
- if (dir && tag.firstChild) {
- tag.insertBefore(src.lastChild, tag.firstChild);
- } else {
- tag.appendChild(src.firstChild);
- }
- }
- },
- //判断是否有额外属性
- hasNoAttributes: function (node) {
- return browser.ie ? /^<\w+\s*?>/.test(node.outerHTML) : node.attributes.length == 0;
- },
- //判断是否是编辑器自定义的参数
- isCustomeNode: function (node) {
- return node.nodeType == 1 && node.getAttribute('_ue_custom_node_');
- },
- isTagNode: function (node, tagName) {
- return node.nodeType == 1 && new RegExp('^' + node.tagName + '$', 'i').test(tagName)
- },
- /**
- * 对于nodelist用filter进行过滤
- * @name filterNodeList
- * @since 1.2.4+
- * @grammar UE.dom.domUtils.filterNodeList(nodelist,filter,onlyFirst) => 节点
- * @example
- * UE.dom.domUtils.filterNodeList(document.getElementsByTagName('*'),'div p') //返回第一个是div或者p的节点
- * UE.dom.domUtils.filterNodeList(document.getElementsByTagName('*'),function(n){return n.getAttribute('src')})
- * //返回第一个带src属性的节点
- * UE.dom.domUtils.filterNodeList(document.getElementsByTagName('*'),'i',true) //返回数组,里边都是i节点
- */
- filterNodeList: function (nodelist, filter, forAll) {
- var results = [];
- if (!utils.isFunction(filter)) {
- var str = filter;
- filter = function (n) {
- return utils.indexOf(utils.isArray(str) ? str : str.split(' '), n.tagName.toLowerCase()) != -1
- };
- }
- utils.each(nodelist, function (n) {
- filter(n) && results.push(n)
- });
- return results.length == 0 ? null : results.length == 1 || !forAll ? results[0] : results
- },
- isInNodeEndBoundary: function (rng, node) {
- var start = rng.startContainer;
- if (start.nodeType == 3 && rng.startOffset != start.nodeValue.length) {
- return 0;
- }
- if (start.nodeType == 1 && rng.startOffset != start.childNodes.length) {
- return 0;
- }
- while (start !== node) {
- if (start.nextSibling) {
- return 0
- }
- ;
- start = start.parentNode;
- }
- return 1;
- },
- isBoundaryNode: function (node, dir) {
- var tmp;
- while (!domUtils.isBody(node)) {
- tmp = node;
- node = node.parentNode;
- if (tmp !== node[dir]) {
- return false;
- }
- }
- return true;
- }
- };
- var fillCharReg = new RegExp(domUtils.fillChar, 'g');
- ///import editor.js
- ///import core/utils.js
- ///import core/browser.js
- ///import core/dom/dom.js
- ///import core/dom/dtd.js
- ///import core/dom/domUtils.js
- /**
- * @file
- * @name UE.dom.Range
- * @anthor zhanyi
- * @short Range
- * @import editor.js,core/utils.js,core/browser.js,core/dom/domUtils.js,core/dom/dtd.js
- * @desc Range范围实现类,本类是UEditor底层核心类,统一w3cRange和ieRange之间的差异,包括接口和属性
- */
- (function () {
- var guid = 0,
- fillChar = domUtils.fillChar,
- fillData;
- /**
- * 更新range的collapse状态
- * @param {Range} range range对象
- */
- function updateCollapse(range) {
- range.collapsed =
- range.startContainer && range.endContainer &&
- range.startContainer === range.endContainer &&
- range.startOffset == range.endOffset;
- }
- function selectOneNode(rng) {
- return !rng.collapsed && rng.startContainer.nodeType == 1 && rng.startContainer === rng.endContainer && rng.endOffset - rng.startOffset == 1
- }
- function setEndPoint(toStart, node, offset, range) {
- //如果node是自闭合标签要处理
- if (node.nodeType == 1 && (dtd.$empty[node.tagName] || dtd.$nonChild[node.tagName])) {
- offset = domUtils.getNodeIndex(node) + (toStart ? 0 : 1);
- node = node.parentNode;
- }
- if (toStart) {
- range.startContainer = node;
- range.startOffset = offset;
- if (!range.endContainer) {
- range.collapse(true);
- }
- } else {
- range.endContainer = node;
- range.endOffset = offset;
- if (!range.startContainer) {
- range.collapse(false);
- }
- }
- updateCollapse(range);
- return range;
- }
- function execContentsAction(range, action) {
- //调整边界
- //range.includeBookmark();
- var start = range.startContainer,
- end = range.endContainer,
- startOffset = range.startOffset,
- endOffset = range.endOffset,
- doc = range.document,
- frag = doc.createDocumentFragment(),
- tmpStart, tmpEnd;
- if (start.nodeType == 1) {
- start = start.childNodes[startOffset] || (tmpStart = start.appendChild(doc.createTextNode('')));
- }
- if (end.nodeType == 1) {
- end = end.childNodes[endOffset] || (tmpEnd = end.appendChild(doc.createTextNode('')));
- }
- if (start === end && start.nodeType == 3) {
- frag.appendChild(doc.createTextNode(start.substringData(startOffset, endOffset - startOffset)));
- //is not clone
- if (action) {
- start.deleteData(startOffset, endOffset - startOffset);
- range.collapse(true);
- }
- return frag;
- }
- var current, currentLevel, clone = frag,
- startParents = domUtils.findParents(start, true), endParents = domUtils.findParents(end, true);
- for (var i = 0; startParents[i] == endParents[i];) {
- i++;
- }
- for (var j = i, si; si = startParents[j]; j++) {
- current = si.nextSibling;
- if (si == start) {
- if (!tmpStart) {
- if (range.startContainer.nodeType == 3) {
- clone.appendChild(doc.createTextNode(start.nodeValue.slice(startOffset)));
- //is not clone
- if (action) {
- start.deleteData(startOffset, start.nodeValue.length - startOffset);
- }
- } else {
- clone.appendChild(!action ? start.cloneNode(true) : start);
- }
- }
- } else {
- currentLevel = si.cloneNode(false);
- clone.appendChild(currentLevel);
- }
- while (current) {
- if (current === end || current === endParents[j]) {
- break;
- }
- si = current.nextSibling;
- clone.appendChild(!action ? current.cloneNode(true) : current);
- current = si;
- }
- clone = currentLevel;
- }
- clone = frag;
- if (!startParents[i]) {
- clone.appendChild(startParents[i - 1].cloneNode(false));
- clone = clone.firstChild;
- }
- for (var j = i, ei; ei = endParents[j]; j++) {
- current = ei.previousSibling;
- if (ei == end) {
- if (!tmpEnd && range.endContainer.nodeType == 3) {
- clone.appendChild(doc.createTextNode(end.substringData(0, endOffset)));
- //is not clone
- if (action) {
- end.deleteData(0, endOffset);
- }
- }
- } else {
- currentLevel = ei.cloneNode(false);
- clone.appendChild(currentLevel);
- }
- //如果两端同级,右边第一次已经被开始做了
- if (j != i || !startParents[i]) {
- while (current) {
- if (current === start) {
- break;
- }
- ei = current.previousSibling;
- clone.insertBefore(!action ? current.cloneNode(true) : current, clone.firstChild);
- current = ei;
- }
- }
- clone = currentLevel;
- }
- if (action) {
- range.setStartBefore(!endParents[i] ? endParents[i - 1] : !startParents[i] ? startParents[i - 1] : endParents[i]).collapse(true);
- }
- tmpStart && domUtils.remove(tmpStart);
- tmpEnd && domUtils.remove(tmpEnd);
- return frag;
- }
- /**
- * @name Range
- * @grammar new UE.dom.Range(document) => Range 实例
- * @desc 创建一个跟document绑定的空的Range实例
- * - ***startContainer*** 开始边界的容器节点,可以是elementNode或者是textNode
- * - ***startOffset*** 容器节点中的偏移量,如果是elementNode就是childNodes中的第几个,如果是textNode就是nodeValue的第几个字符
- * - ***endContainer*** 结束边界的容器节点,可以是elementNode或者是textNode
- * - ***endOffset*** 容器节点中的偏移量,如果是elementNode就是childNodes中的第几个,如果是textNode就是nodeValue的第几个字符
- * - ***document*** 跟range关联的document对象
- * - ***collapsed*** 是否是闭合状态
- */
- var Range = dom.Range = function (document) {
- var me = this;
- me.startContainer =
- me.startOffset =
- me.endContainer =
- me.endOffset = null;
- me.document = document;
- me.collapsed = true;
- };
- /**
- * 删除fillData
- * @param doc
- * @param excludeNode
- */
- function removeFillData(doc, excludeNode) {
- try {
- if (fillData && domUtils.inDoc(fillData, doc)) {
- if (!fillData.nodeValue.replace(fillCharReg, '').length) {
- var tmpNode = fillData.parentNode;
- domUtils.remove(fillData);
- while (tmpNode && domUtils.isEmptyInlineElement(tmpNode) &&
- //safari的contains有bug
- (browser.safari ? !(domUtils.getPosition(tmpNode, excludeNode) & domUtils.POSITION_CONTAINS) : !tmpNode.contains(excludeNode))
- ) {
- fillData = tmpNode.parentNode;
- domUtils.remove(tmpNode);
- tmpNode = fillData;
- }
- } else {
- fillData.nodeValue = fillData.nodeValue.replace(fillCharReg, '');
- }
- }
- } catch (e) {
- }
- }
- /**
- *
- * @param node
- * @param dir
- */
- function mergeSibling(node, dir) {
- var tmpNode;
- node = node[dir];
- while (node && domUtils.isFillChar(node)) {
- tmpNode = node[dir];
- domUtils.remove(node);
- node = tmpNode;
- }
- }
- Range.prototype = {
- /**
- * @name cloneContents
- * @grammar range.cloneContents() => DocumentFragment
- * @desc 克隆选中的内容到一个fragment里,如果选区是空的将返回null
- */
- cloneContents: function () {
- return this.collapsed ? null : execContentsAction(this, 0);
- },
- /**
- * @name deleteContents
- * @grammar range.deleteContents() => Range
- * @desc 删除当前选区范围中的所有内容并返回range实例,这时的range已经变成了闭合状态
- * @example
- * DOM Element :
- * <b>x<i>x[x<i>xx]x</b>
- * //执行方法后
- * <b>x<i>x<i>|x</b>
- * 注意range改变了
- * range.startContainer => b
- * range.startOffset => 2
- * range.endContainer => b
- * range.endOffset => 2
- * range.collapsed => true
- */
- deleteContents: function () {
- var txt;
- if (!this.collapsed) {
- execContentsAction(this, 1);
- }
- if (browser.webkit) {
- txt = this.startContainer;
- if (txt.nodeType == 3 && !txt.nodeValue.length) {
- this.setStartBefore(txt).collapse(true);
- domUtils.remove(txt);
- }
- }
- return this;
- },
- /**
- * @name extractContents
- * @grammar range.extractContents() => DocumentFragment
- * @desc 将当前的内容放到一个fragment里并返回这个fragment,这时的range已经变成了闭合状态
- * @example
- * DOM Element :
- * <b>x<i>x[x<i>xx]x</b>
- * //执行方法后
- * 返回的fragment里的 dom结构是
- * <i>x<i>xx
- * dom树上的结构是
- * <b>x<i>x<i>|x</b>
- * 注意range改变了
- * range.startContainer => b
- * range.startOffset => 2
- * range.endContainer => b
- * range.endOffset => 2
- * range.collapsed => true
- */
- extractContents: function () {
- return this.collapsed ? null : execContentsAction(this, 2);
- },
- /**
- * @name setStart
- * @grammar range.setStart(node,offset) => Range
- * @desc 设置range的开始位置位于node节点内,偏移量为offset
- * 如果node是elementNode那offset指的是childNodes中的第几个,如果是textNode那offset指的是nodeValue的第几个字符
- */
- setStart: function (node, offset) {
- return setEndPoint(true, node, offset, this);
- },
- /**
- * 设置range的结束位置位于node节点,偏移量为offset
- * 如果node是elementNode那offset指的是childNodes中的第几个,如果是textNode那offset指的是nodeValue的第几个字符
- * @name setEnd
- * @grammar range.setEnd(node,offset) => Range
- */
- setEnd: function (node, offset) {
- return setEndPoint(false, node, offset, this);
- },
- /**
- * 将Range开始位置设置到node节点之后
- * @name setStartAfter
- * @grammar range.setStartAfter(node) => Range
- * @example
- * <b>xx<i>x|x</i>x</b>
- * 执行setStartAfter(i)后
- * range.startContainer =>b
- * range.startOffset =>2
- */
- setStartAfter: function (node) {
- return this.setStart(node.parentNode, domUtils.getNodeIndex(node) + 1);
- },
- /**
- * 将Range开始位置设置到node节点之前
- * @name setStartBefore
- * @grammar range.setStartBefore(node) => Range
- * @example
- * <b>xx<i>x|x</i>x</b>
- * 执行setStartBefore(i)后
- * range.startContainer =>b
- * range.startOffset =>1
- */
- setStartBefore: function (node) {
- return this.setStart(node.parentNode, domUtils.getNodeIndex(node));
- },
- /**
- * 将Range结束位置设置到node节点之后
- * @name setEndAfter
- * @grammar range.setEndAfter(node) => Range
- * @example
- * <b>xx<i>x|x</i>x</b>
- * setEndAfter(i)后
- * range.endContainer =>b
- * range.endtOffset =>2
- */
- setEndAfter: function (node) {
- return this.setEnd(node.parentNode, domUtils.getNodeIndex(node) + 1);
- },
- /**
- * 将Range结束位置设置到node节点之前
- * @name setEndBefore
- * @grammar range.setEndBefore(node) => Range
- * @example
- * <b>xx<i>x|x</i>x</b>
- * 执行setEndBefore(i)后
- * range.endContainer =>b
- * range.endtOffset =>1
- */
- setEndBefore: function (node) {
- return this.setEnd(node.parentNode, domUtils.getNodeIndex(node));
- },
- /**
- * 将Range开始位置设置到node节点内的开始位置
- * @name setStartAtFirst
- * @grammar range.setStartAtFirst(node) => Range
- */
- setStartAtFirst: function (node) {
- return this.setStart(node, 0);
- },
- /**
- * 将Range开始位置设置到node节点内的结束位置
- * @name setStartAtLast
- * @grammar range.setStartAtLast(node) => Range
- */
- setStartAtLast: function (node) {
- return this.setStart(node, node.nodeType == 3 ? node.nodeValue.length : node.childNodes.length);
- },
- /**
- * 将Range结束位置设置到node节点内的开始位置
- * @name setEndAtFirst
- * @grammar range.setEndAtFirst(node) => Range
- */
- setEndAtFirst: function (node) {
- return this.setEnd(node, 0);
- },
- /**
- * 将Range结束位置设置到node节点内的结束位置
- * @name setEndAtLast
- * @grammar range.setEndAtLast(node) => Range
- */
- setEndAtLast: function (node) {
- return this.setEnd(node, node.nodeType == 3 ? node.nodeValue.length : node.childNodes.length);
- },
- /**
- * 选中完整的指定节点,并返回包含该节点的range
- * @name selectNode
- * @grammar range.selectNode(node) => Range
- */
- selectNode: function (node) {
- return this.setStartBefore(node).setEndAfter(node);
- },
- /**
- * 选中node内部的所有节点,并返回对应的range
- * @name selectNodeContents
- * @grammar range.selectNodeContents(node) => Range
- * @example
- * <b>xx[x<i>xxx</i>]xxx</b>
- * 执行后
- * <b>[xxx<i>xxx</i>xxx]</b>
- * range.startContainer =>b
- * range.startOffset =>0
- * range.endContainer =>b
- * range.endOffset =>3
- */
- selectNodeContents: function (node) {
- return this.setStart(node, 0).setEndAtLast(node);
- },
- /**
- * 克隆一个新的range对象
- * @name cloneRange
- * @grammar range.cloneRange() => Range
- */
- cloneRange: function () {
- var me = this;
- return new Range(me.document).setStart(me.startContainer, me.startOffset).setEnd(me.endContainer, me.endOffset);
- },
- /**
- * 让选区闭合到尾部,若toStart为真,则闭合到头部
- * @name collapse
- * @grammar range.collapse() => Range
- * @grammar range.collapse(true) => Range //闭合选区到头部
- */
- collapse: function (toStart) {
- var me = this;
- if (toStart) {
- me.endContainer = me.startContainer;
- me.endOffset = me.startOffset;
- } else {
- me.startContainer = me.endContainer;
- me.startOffset = me.endOffset;
- }
- me.collapsed = true;
- return me;
- },
- /**
- * 调整range的边界,使其"收缩"到最小的位置
- * @name shrinkBoundary
- * @grammar range.shrinkBoundary() => Range //range开始位置和结束位置都调整,参见<code><a href="#adjustmentboundary">adjustmentBoundary</a></code>
- * @grammar range.shrinkBoundary(true) => Range //仅调整开始位置,忽略结束位置
- * @example
- * <b>xx[</b>xxxxx] ==> <b>xx</b>[xxxxx]
- * <b>x[xx</b><i>]xxx</i> ==> <b>x[xx]</b><i>xxx</i>
- * [<b><i>xxxx</i>xxxxxxx</b>] ==> <b><i>[xxxx</i>xxxxxxx]</b>
- */
- shrinkBoundary: function (ignoreEnd) {
- var me = this, child,
- collapsed = me.collapsed;
- function check(node) {
- return node.nodeType == 1 && !domUtils.isBookmarkNode(node) && !dtd.$empty[node.tagName] && !dtd.$nonChild[node.tagName]
- }
- while (me.startContainer.nodeType == 1 //是element
- && (child = me.startContainer.childNodes[me.startOffset]) //子节点也是element
- && check(child)) {
- me.setStart(child, 0);
- }
- if (collapsed) {
- return me.collapse(true);
- }
- if (!ignoreEnd) {
- while (me.endContainer.nodeType == 1//是element
- && me.endOffset > 0 //如果是空元素就退出 endOffset=0那么endOffst-1为负值,childNodes[endOffset]报错
- && (child = me.endContainer.childNodes[me.endOffset - 1]) //子节点也是element
- && check(child)) {
- me.setEnd(child, child.childNodes.length);
- }
- }
- return me;
- },
- /**
- * 获取当前range所在位置的公共祖先节点,当前range位置可以位于文本节点内,也可以包含整个元素节点,也可以位于两个节点之间
- * @name getCommonAncestor
- * @grammar range.getCommonAncestor([includeSelf, ignoreTextNode]) => Element
- * @example
- * <b>xx[xx<i>xx]x</i>xxx</b> ==>getCommonAncestor() ==> b
- * <b>[<img/>]</b>
- * range.startContainer ==> b
- * range.startOffset ==> 0
- * range.endContainer ==> b
- * range.endOffset ==> 1
- * range.getCommonAncestor() ==> b
- * range.getCommonAncestor(true) ==> img
- * <b>xxx|xx</b>
- * range.startContainer ==> textNode
- * range.startOffset ==> 3
- * range.endContainer ==> textNode
- * range.endOffset ==> 3
- * range.getCommonAncestor() ==> textNode
- * range.getCommonAncestor(null,true) ==> b
- */
- getCommonAncestor: function (includeSelf, ignoreTextNode) {
- var me = this,
- start = me.startContainer,
- end = me.endContainer;
- if (start === end) {
- if (includeSelf && selectOneNode(this)) {
- start = start.childNodes[me.startOffset];
- if (start.nodeType == 1)
- return start;
- }
- //只有在上来就相等的情况下才会出现是文本的情况
- return ignoreTextNode && start.nodeType == 3 ? start.parentNode : start;
- }
- return domUtils.getCommonAncestor(start, end);
- },
- /**
- * 调整边界容器,如果是textNode,就调整到elementNode上
- * @name trimBoundary
- * @grammar range.trimBoundary([ignoreEnd]) => Range //true忽略结束边界
- * @example
- * DOM Element :
- * <b>|xxx</b>
- * startContainer = xxx; startOffset = 0
- * //执行后本方法后
- * startContainer = <b>; startOffset = 0
- * @example
- * Dom Element :
- * <b>xx|x</b>
- * startContainer = xxx; startOffset = 2
- * //执行本方法后,xxx被实实在在地切分成两个TextNode
- * startContainer = <b>; startOffset = 1
- */
- trimBoundary: function (ignoreEnd) {
- this.txtToElmBoundary();
- var start = this.startContainer,
- offset = this.startOffset,
- collapsed = this.collapsed,
- end = this.endContainer;
- if (start.nodeType == 3) {
- if (offset == 0) {
- this.setStartBefore(start);
- } else {
- if (offset >= start.nodeValue.length) {
- this.setStartAfter(start);
- } else {
- var textNode = domUtils.split(start, offset);
- //跟新结束边界
- if (start === end) {
- this.setEnd(textNode, this.endOffset - offset);
- } else if (start.parentNode === end) {
- this.endOffset += 1;
- }
- this.setStartBefore(textNode);
- }
- }
- if (collapsed) {
- return this.collapse(true);
- }
- }
- if (!ignoreEnd) {
- offset = this.endOffset;
- end = this.endContainer;
- if (end.nodeType == 3) {
- if (offset == 0) {
- this.setEndBefore(end);
- } else {
- offset < end.nodeValue.length && domUtils.split(end, offset);
- this.setEndAfter(end);
- }
- }
- }
- return this;
- },
- /**
- * 如果选区在文本的边界上,就扩展选区到文本的父节点上
- * @name txtToElmBoundary
- * @example
- * Dom Element :
- * <b> |xxx</b>
- * startContainer = xxx; startOffset = 0
- * //本方法执行后
- * startContainer = <b>; startOffset = 0
- * @example
- * Dom Element :
- * <b> xxx| </b>
- * startContainer = xxx; startOffset = 3
- * //本方法执行后
- * startContainer = <b>; startOffset = 1
- */
- txtToElmBoundary: function (ignoreCollapsed) {
- function adjust(r, c) {
- var container = r[c + 'Container'],
- offset = r[c + 'Offset'];
- if (container.nodeType == 3) {
- if (!offset) {
- r['set' + c.replace(/(\w)/, function (a) {
- return a.toUpperCase();
- }) + 'Before'](container);
- } else if (offset >= container.nodeValue.length) {
- r['set' + c.replace(/(\w)/, function (a) {
- return a.toUpperCase();
- }) + 'After' ](container);
- }
- }
- }
- if (ignoreCollapsed || !this.collapsed) {
- adjust(this, 'start');
- adjust(this, 'end');
- }
- return this;
- },
- /**
- * 在当前选区的开始位置前插入一个节点或者fragment,range的开始位置会在插入节点的前边
- * @name insertNode
- * @grammar range.insertNode(node) => Range //node可以是textNode,elementNode,fragment
- * @example
- * Range :
- * xxx[x<p>xxxx</p>xxxx]x<p>sdfsdf</p>
- * 待插入Node :
- * <p>ssss</p>
- * 执行本方法后的Range :
- * xxx[<p>ssss</p>x<p>xxxx</p>xxxx]x<p>sdfsdf</p>
- */
- insertNode: function (node) {
- var first = node, length = 1;
- if (node.nodeType == 11) {
- first = node.firstChild;
- length = node.childNodes.length;
- }
- this.trimBoundary(true);
- var start = this.startContainer,
- offset = this.startOffset;
- var nextNode = start.childNodes[ offset ];
- if (nextNode) {
- start.insertBefore(node, nextNode);
- } else {
- start.appendChild(node);
- }
- if (first.parentNode === this.endContainer) {
- this.endOffset = this.endOffset + length;
- }
- return this.setStartBefore(first);
- },
- /**
- * 设置光标闭合位置,toEnd设置为true时光标将闭合到选区的结尾
- * @name setCursor
- * @grammar range.setCursor([toEnd]) => Range //toEnd为true时,光标闭合到选区的末尾
- */
- setCursor: function (toEnd, noFillData) {
- return this.collapse(!toEnd).select(noFillData);
- },
- /**
- * 创建当前range的一个书签,记录下当前range的位置,方便当dom树改变时,还能找回原来的选区位置
- * @name createBookmark
- * @grammar range.createBookmark([serialize]) => Object //{start:开始标记,end:结束标记,id:serialize} serialize为真时,开始结束标记是插入节点的id,否则是插入节点的引用
- */
- createBookmark: function (serialize, same) {
- var endNode,
- startNode = this.document.createElement('span');
- startNode.style.cssText = 'display:none;line-height:0px;';
- startNode.appendChild(this.document.createTextNode('\u200D'));
- startNode.id = '_baidu_bookmark_start_' + (same ? '' : guid++);
- if (!this.collapsed) {
- endNode = startNode.cloneNode(true);
- endNode.id = '_baidu_bookmark_end_' + (same ? '' : guid++);
- }
- this.insertNode(startNode);
- if (endNode) {
- this.collapse().insertNode(endNode).setEndBefore(endNode);
- }
- this.setStartAfter(startNode);
- return {
- start: serialize ? startNode.id : startNode,
- end: endNode ? serialize ? endNode.id : endNode : null,
- id: serialize
- }
- },
- /**
- * 移动边界到书签位置,并删除插入的书签节点
- * @name moveToBookmark
- * @grammar range.moveToBookmark(bookmark) => Range //让当前的range选到给定bookmark的位置,bookmark对象是由range.createBookmark创建的
- */
- moveToBookmark: function (bookmark) {
- var start = bookmark.id ? this.document.getElementById(bookmark.start) : bookmark.start,
- end = bookmark.end && bookmark.id ? this.document.getElementById(bookmark.end) : bookmark.end;
- this.setStartBefore(start);
- domUtils.remove(start);
- if (end) {
- this.setEndBefore(end);
- domUtils.remove(end);
- } else {
- this.collapse(true);
- }
- return this;
- },
- /**
- * 调整range的边界,使其"放大"到最近的父block节点
- * @name enlarge
- * @grammar range.enlarge() => Range
- * @example
- * <p><span>xxx</span><b>x[x</b>xxxxx]</p><p>xxx</p> ==> [<p><span>xxx</span><b>xx</b>xxxxx</p>]<p>xxx</p>
- */
- enlarge: function (toBlock, stopFn) {
- var isBody = domUtils.isBody,
- pre, node, tmp = this.document.createTextNode('');
- if (toBlock) {
- node = this.startContainer;
- if (node.nodeType == 1) {
- if (node.childNodes[this.startOffset]) {
- pre = node = node.childNodes[this.startOffset]
- } else {
- node.appendChild(tmp);
- pre = node = tmp;
- }
- } else {
- pre = node;
- }
- while (1) {
- if (domUtils.isBlockElm(node)) {
- node = pre;
- while ((pre = node.previousSibling) && !domUtils.isBlockElm(pre)) {
- node = pre;
- }
- this.setStartBefore(node);
- break;
- }
- pre = node;
- node = node.parentNode;
- }
- node = this.endContainer;
- if (node.nodeType == 1) {
- if (pre = node.childNodes[this.endOffset]) {
- node.insertBefore(tmp, pre);
- } else {
- node.appendChild(tmp);
- }
- pre = node = tmp;
- } else {
- pre = node;
- }
- while (1) {
- if (domUtils.isBlockElm(node)) {
- node = pre;
- while ((pre = node.nextSibling) && !domUtils.isBlockElm(pre)) {
- node = pre;
- }
- this.setEndAfter(node);
- break;
- }
- pre = node;
- node = node.parentNode;
- }
- if (tmp.parentNode === this.endContainer) {
- this.endOffset--;
- }
- domUtils.remove(tmp);
- }
- // 扩展边界到最大
- if (!this.collapsed) {
- while (this.startOffset == 0) {
- if (stopFn && stopFn(this.startContainer)) {
- break;
- }
- if (isBody(this.startContainer)) {
- break;
- }
- this.setStartBefore(this.startContainer);
- }
- while (this.endOffset == (this.endContainer.nodeType == 1 ? this.endContainer.childNodes.length : this.endContainer.nodeValue.length)) {
- if (stopFn && stopFn(this.endContainer)) {
- break;
- }
- if (isBody(this.endContainer)) {
- break;
- }
- this.setEndAfter(this.endContainer);
- }
- }
- return this;
- },
- /**
- * 调整Range的边界,使其"缩小"到最合适的位置
- * @name adjustmentBoundary
- * @grammar range.adjustmentBoundary() => Range //参见<code><a href="#shrinkboundary">shrinkBoundary</a></code>
- * @example
- * <b>xx[</b>xxxxx] ==> <b>xx</b>[xxxxx]
- * <b>x[xx</b><i>]xxx</i> ==> <b>x[xx</b>]<i>xxx</i>
- */
- adjustmentBoundary: function () {
- if (!this.collapsed) {
- while (!domUtils.isBody(this.startContainer) &&
- this.startOffset == this.startContainer[this.startContainer.nodeType == 3 ? 'nodeValue' : 'childNodes'].length &&
- this.startContainer[this.startContainer.nodeType == 3 ? 'nodeValue' : 'childNodes'].length
- ) {
- this.setStartAfter(this.startContainer);
- }
- while (!domUtils.isBody(this.endContainer) && !this.endOffset &&
- this.endContainer[this.endContainer.nodeType == 3 ? 'nodeValue' : 'childNodes'].length
- ) {
- this.setEndBefore(this.endContainer);
- }
- }
- return this;
- },
- /**
- * 给range选区中的内容添加给定的标签,主要用于inline标签
- * @name applyInlineStyle
- * @grammar range.applyInlineStyle(tagName) => Range //tagName为需要添加的样式标签名
- * @grammar range.applyInlineStyle(tagName,attrs) => Range //attrs为属性json对象
- * @desc
- * <code type="html"><p>xxxx[xxxx]x</p> ==> range.applyInlineStyle("strong") ==> <p>xxxx[<strong>xxxx</strong>]x</p>
- * <p>xx[dd<strong>yyyy</strong>]x</p> ==> range.applyInlineStyle("strong") ==> <p>xx[<strong>ddyyyy</strong>]x</p>
- * <p>xxxx[xxxx]x</p> ==> range.applyInlineStyle("strong",{"style":"font-size:12px"}) ==> <p>xxxx[<strong style="font-size:12px">xxxx</strong>]x</p></code>
- */
- applyInlineStyle: function (tagName, attrs, list) {
- if (this.collapsed)return this;
- this.trimBoundary().enlarge(false,
- function (node) {
- return node.nodeType == 1 && domUtils.isBlockElm(node)
- }).adjustmentBoundary();
- var bookmark = this.createBookmark(),
- end = bookmark.end,
- filterFn = function (node) {
- return node.nodeType == 1 ? node.tagName.toLowerCase() != 'br' : !domUtils.isWhitespace(node);
- },
- current = domUtils.getNextDomNode(bookmark.start, false, filterFn),
- node,
- pre,
- range = this.cloneRange();
- while (current && (domUtils.getPosition(current, end) & domUtils.POSITION_PRECEDING)) {
- if (current.nodeType == 3 || dtd[tagName][current.tagName]) {
- range.setStartBefore(current);
- node = current;
- while (node && (node.nodeType == 3 || dtd[tagName][node.tagName]) && node !== end) {
- pre = node;
- node = domUtils.getNextDomNode(node, node.nodeType == 1, null, function (parent) {
- return dtd[tagName][parent.tagName];
- });
- }
- var frag = range.setEndAfter(pre).extractContents(), elm;
- if (list && list.length > 0) {
- var level, top;
- top = level = list[0].cloneNode(false);
- for (var i = 1, ci; ci = list[i++];) {
- level.appendChild(ci.cloneNode(false));
- level = level.firstChild;
- }
- elm = level;
- } else {
- elm = range.document.createElement(tagName);
- }
- if (attrs) {
- domUtils.setAttributes(elm, attrs);
- }
- elm.appendChild(frag);
- range.insertNode(list ? top : elm);
- //处理下滑线在a上的情况
- var aNode;
- if (tagName == 'span' && attrs.style && /text\-decoration/.test(attrs.style) && (aNode = domUtils.findParentByTagName(elm, 'a', true))) {
- domUtils.setAttributes(aNode, attrs);
- domUtils.remove(elm, true);
- elm = aNode;
- } else {
- domUtils.mergeSibling(elm);
- domUtils.clearEmptySibling(elm);
- }
- //去除子节点相同的
- domUtils.mergeChild(elm, attrs);
- current = domUtils.getNextDomNode(elm, false, filterFn);
- domUtils.mergeToParent(elm);
- if (node === end) {
- break;
- }
- } else {
- current = domUtils.getNextDomNode(current, true, filterFn);
- }
- }
- return this.moveToBookmark(bookmark);
- },
- /**
- * 对当前range选中的节点,去掉给定的标签节点,但标签中的内容保留,主要用于处理inline元素
- * @name removeInlineStyle
- * @grammar range.removeInlineStyle(tagNames) => Range //tagNames 为需要去掉的样式标签名,支持"b"或者["b","i","u"]
- * @desc
- * <code type="html">xx[x<span>xxx<em>yyy</em>zz]z</span> => range.removeInlineStyle(["em"]) => xx[x<span>xxxyyyzz]z</span></code>
- */
- removeInlineStyle: function (tagNames) {
- if (this.collapsed)return this;
- tagNames = utils.isArray(tagNames) ? tagNames : [tagNames];
- this.shrinkBoundary().adjustmentBoundary();
- var start = this.startContainer, end = this.endContainer;
- while (1) {
- if (start.nodeType == 1) {
- if (utils.indexOf(tagNames, start.tagName.toLowerCase()) > -1) {
- break;
- }
- if (start.tagName.toLowerCase() == 'body') {
- start = null;
- break;
- }
- }
- start = start.parentNode;
- }
- while (1) {
- if (end.nodeType == 1) {
- if (utils.indexOf(tagNames, end.tagName.toLowerCase()) > -1) {
- break;
- }
- if (end.tagName.toLowerCase() == 'body') {
- end = null;
- break;
- }
- }
- end = end.parentNode;
- }
- var bookmark = this.createBookmark(),
- frag,
- tmpRange;
- if (start) {
- tmpRange = this.cloneRange().setEndBefore(bookmark.start).setStartBefore(start);
- frag = tmpRange.extractContents();
- tmpRange.insertNode(frag);
- domUtils.clearEmptySibling(start, true);
- start.parentNode.insertBefore(bookmark.start, start);
- }
- if (end) {
- tmpRange = this.cloneRange().setStartAfter(bookmark.end).setEndAfter(end);
- frag = tmpRange.extractContents();
- tmpRange.insertNode(frag);
- domUtils.clearEmptySibling(end, false, true);
- end.parentNode.insertBefore(bookmark.end, end.nextSibling);
- }
- var current = domUtils.getNextDomNode(bookmark.start, false, function (node) {
- return node.nodeType == 1;
- }), next;
- while (current && current !== bookmark.end) {
- next = domUtils.getNextDomNode(current, true, function (node) {
- return node.nodeType == 1;
- });
- if (utils.indexOf(tagNames, current.tagName.toLowerCase()) > -1) {
- domUtils.remove(current, true);
- }
- current = next;
- }
- return this.moveToBookmark(bookmark);
- },
- /**
- * 得到一个自闭合的节点,常用于获取自闭和的节点,例如图片节点
- * @name getClosedNode
- * @grammar range.getClosedNode() => node|null
- * @example
- * <b>xxxx[<img />]xxx</b>
- */
- getClosedNode: function () {
- var node;
- if (!this.collapsed) {
- var range = this.cloneRange().adjustmentBoundary().shrinkBoundary();
- if (selectOneNode(range)) {
- var child = range.startContainer.childNodes[range.startOffset];
- if (child && child.nodeType == 1 && (dtd.$empty[child.tagName] || dtd.$nonChild[child.tagName])) {
- node = child;
- }
- }
- }
- return node;
- },
- /**
- * 根据当前range选中内容节点(在页面上表现为反白显示)
- * @name select
- * @grammar range.select(); => Range
- */
- select: browser.ie ? function (noFillData, textRange) {
- var nativeRange;
- if (!this.collapsed)
- this.shrinkBoundary();
- var node = this.getClosedNode();
- if (node && !textRange) {
- try {
- nativeRange = this.document.body.createControlRange();
- nativeRange.addElement(node);
- nativeRange.select();
- } catch (e) {
- }
- return this;
- }
- var bookmark = this.createBookmark(),
- start = bookmark.start,
- end;
- nativeRange = this.document.body.createTextRange();
- nativeRange.moveToElementText(start);
- nativeRange.moveStart('character', 1);
- if (!this.collapsed) {
- var nativeRangeEnd = this.document.body.createTextRange();
- end = bookmark.end;
- nativeRangeEnd.moveToElementText(end);
- nativeRange.setEndPoint('EndToEnd', nativeRangeEnd);
- } else {
- if (!noFillData && this.startContainer.nodeType != 3) {
- //使用<span>|x<span>固定住光标
- var tmpText = this.document.createTextNode(fillChar),
- tmp = this.document.createElement('span');
- tmp.appendChild(this.document.createTextNode(fillChar));
- start.parentNode.insertBefore(tmp, start);
- start.parentNode.insertBefore(tmpText, start);
- //当点b,i,u时,不能清除i上边的b
- removeFillData(this.document, tmpText);
- fillData = tmpText;
- mergeSibling(tmp, 'previousSibling');
- mergeSibling(start, 'nextSibling');
- nativeRange.moveStart('character', -1);
- nativeRange.collapse(true);
- }
- }
- this.moveToBookmark(bookmark);
- tmp && domUtils.remove(tmp);
- //IE在隐藏状态下不支持range操作,catch一下
- try {
- nativeRange.select();
- } catch (e) {
- }
- return this;
- } : function (notInsertFillData) {
- function checkOffset(rng) {
- function check(node, offset, dir) {
- if (node.nodeType == 3 && node.nodeValue.length < offset) {
- rng[dir + 'Offset'] = node.nodeValue.length
- }
- }
- check(rng.startContainer, rng.startOffset, 'start');
- check(rng.endContainer, rng.endOffset, 'end');
- }
- var win = domUtils.getWindow(this.document),
- sel = win.getSelection(),
- txtNode;
- //FF下关闭自动长高时滚动条在关闭dialog时会跳
- //ff下如果不body.focus将不能定位闭合光标到编辑器内
- browser.gecko ? this.document.body.focus() : win.focus();
- if (sel) {
- sel.removeAllRanges();
- // trace:870 chrome/safari后边是br对于闭合得range不能定位 所以去掉了判断
- // this.startContainer.nodeType != 3 &&! ((child = this.startContainer.childNodes[this.startOffset]) && child.nodeType == 1 && child.tagName == 'BR'
- if (this.collapsed && !notInsertFillData) {
- // //opear如果没有节点接着,原生的不能够定位,不能在body的第一级插入空白节点
- // if (notInsertFillData && browser.opera && !domUtils.isBody(this.startContainer) && this.startContainer.nodeType == 1) {
- // var tmp = this.document.createTextNode('');
- // this.insertNode(tmp).setStart(tmp, 0).collapse(true);
- // }
- //
- //处理光标落在文本节点的情况
- //处理以下的情况
- //<b>|xxxx</b>
- //<b>xxxx</b>|xxxx
- //xxxx<b>|</b>
- var start = this.startContainer, child = start;
- if (start.nodeType == 1) {
- child = start.childNodes[this.startOffset];
- }
- if (!(start.nodeType == 3 && this.startOffset) &&
- (child ?
- (!child.previousSibling || child.previousSibling.nodeType != 3)
- :
- (!start.lastChild || start.lastChild.nodeType != 3)
- )
- ) {
- txtNode = this.document.createTextNode(fillChar);
- //跟着前边走
- this.insertNode(txtNode);
- removeFillData(this.document, txtNode);
- mergeSibling(txtNode, 'previousSibling');
- mergeSibling(txtNode, 'nextSibling');
- fillData = txtNode;
- this.setStart(txtNode, browser.webkit ? 1 : 0).collapse(true);
- }
- }
- var nativeRange = this.document.createRange();
- if (this.collapsed && browser.opera && this.startContainer.nodeType == 1) {
- var child = this.startContainer.childNodes[this.startOffset];
- if (!child) {
- //往前靠拢
- child = this.startContainer.lastChild;
- if (child && domUtils.isBr(child)) {
- this.setStartBefore(child).collapse(true);
- }
- } else {
- //向后靠拢
- while (child && domUtils.isBlockElm(child)) {
- if (child.nodeType == 1 && child.childNodes[0]) {
- child = child.childNodes[0]
- } else {
- break;
- }
- }
- child && this.setStartBefore(child).collapse(true)
- }
- }
- //是createAddress最后一位算的不准,现在这里进行微调
- checkOffset(this);
- nativeRange.setStart(this.startContainer, this.startOffset);
- nativeRange.setEnd(this.endContainer, this.endOffset);
- sel.addRange(nativeRange);
- }
- return this;
- },
- /**
- * 滚动条跳到当然range开始的位置
- * @name scrollToView
- * @grammar range.scrollToView([win,offset]) => Range //针对window对象,若不指定,将以编辑区域的窗口为准,offset偏移量
- */
- scrollToView: function (win, offset) {
- win = win ? window : domUtils.getWindow(this.document);
- var me = this,
- span = me.document.createElement('span');
- //trace:717
- span.innerHTML = ' ';
- me.cloneRange().insertNode(span);
- domUtils.scrollToView(span, win, offset);
- domUtils.remove(span);
- return me;
- },
- inFillChar: function () {
- var start = this.startContainer;
- if (this.collapsed && start.nodeType == 3
- && start.nodeValue.replace(new RegExp('^' + domUtils.fillChar), '').length + 1 == start.nodeValue.length
- ) {
- return true;
- }
- return false;
- },
- createAddress: function (ignoreEnd, ignoreTxt) {
- var addr = {}, me = this;
- function getAddress(isStart) {
- var node = isStart ? me.startContainer : me.endContainer;
- var parents = domUtils.findParents(node, true, function (node) {
- return !domUtils.isBody(node)
- }),
- addrs = [];
- for (var i = 0, ci; ci = parents[i++];) {
- addrs.push(domUtils.getNodeIndex(ci, ignoreTxt));
- }
- var firstIndex = 0;
- if (ignoreTxt) {
- if (node.nodeType == 3) {
- var tmpNode = node.previousSibling;
- while (tmpNode && tmpNode.nodeType == 3) {
- firstIndex += tmpNode.nodeValue.replace(fillCharReg, '').length;
- tmpNode = tmpNode.previousSibling;
- }
- firstIndex += (isStart ? me.startOffset : me.endOffset)// - (fillCharReg.test(node.nodeValue) ? 1 : 0 )
- } else {
- node = node.childNodes[ isStart ? me.startOffset : me.endOffset];
- if (node) {
- firstIndex = domUtils.getNodeIndex(node, ignoreTxt);
- } else {
- node = isStart ? me.startContainer : me.endContainer;
- var first = node.firstChild;
- while (first) {
- if (domUtils.isFillChar(first)) {
- first = first.nextSibling;
- continue;
- }
- firstIndex++;
- if (first.nodeType == 3) {
- while (first && first.nodeType == 3) {
- first = first.nextSibling;
- }
- } else {
- first = first.nextSibling;
- }
- }
- }
- }
- } else {
- firstIndex = isStart ? domUtils.isFillChar(node) ? 0 : me.startOffset : me.endOffset
- }
- if (firstIndex < 0) {
- firstIndex = 0;
- }
- addrs.push(firstIndex);
- return addrs;
- }
- addr.startAddress = getAddress(true);
- if (!ignoreEnd) {
- addr.endAddress = me.collapsed ? [].concat(addr.startAddress) : getAddress();
- }
- return addr;
- },
- moveToAddress: function (addr, ignoreEnd) {
- var me = this;
- function getNode(address, isStart) {
- var tmpNode = me.document.body,
- parentNode, offset;
- for (var i = 0, ci, l = address.length; i < l; i++) {
- ci = address[i];
- parentNode = tmpNode;
- tmpNode = tmpNode.childNodes[ci];
- if (!tmpNode) {
- offset = ci;
- break;
- }
- }
- if (isStart) {
- if (tmpNode) {
- me.setStartBefore(tmpNode)
- } else {
- me.setStart(parentNode, offset)
- }
- } else {
- if (tmpNode) {
- me.setEndBefore(tmpNode)
- } else {
- me.setEnd(parentNode, offset)
- }
- }
- }
- getNode(addr.startAddress, true);
- !ignoreEnd && addr.endAddress && getNode(addr.endAddress);
- return me;
- },
- equals: function (rng) {
- for (var p in this) {
- if (this.hasOwnProperty(p)) {
- if (this[p] !== rng[p])
- return false
- }
- }
- return true;
- },
- traversal: function (doFn, filterFn) {
- if (this.collapsed)
- return this;
- var bookmark = this.createBookmark(),
- end = bookmark.end,
- current = domUtils.getNextDomNode(bookmark.start, false, filterFn);
- while (current && current !== end && (domUtils.getPosition(current, end) & domUtils.POSITION_PRECEDING)) {
- var tmpNode = domUtils.getNextDomNode(current, false, filterFn);
- doFn(current);
- current = tmpNode;
- }
- return this.moveToBookmark(bookmark);
- }
- };
- })();
- ///import editor.js
- ///import core/browser.js
- ///import core/dom/dom.js
- ///import core/dom/dtd.js
- ///import core/dom/domUtils.js
- ///import core/dom/Range.js
- /**
- * @class baidu.editor.dom.Selection Selection类
- */
- (function () {
- function getBoundaryInformation(range, start) {
- var getIndex = domUtils.getNodeIndex;
- range = range.duplicate();
- range.collapse(start);
- var parent = range.parentElement();
- //如果节点里没有子节点,直接退出
- if (!parent.hasChildNodes()) {
- return {container: parent, offset: 0};
- }
- var siblings = parent.children,
- child,
- testRange = range.duplicate(),
- startIndex = 0, endIndex = siblings.length - 1, index = -1,
- distance;
- while (startIndex <= endIndex) {
- index = Math.floor((startIndex + endIndex) / 2);
- child = siblings[index];
- testRange.moveToElementText(child);
- var position = testRange.compareEndPoints('StartToStart', range);
- if (position > 0) {
- endIndex = index - 1;
- } else if (position < 0) {
- startIndex = index + 1;
- } else {
- //trace:1043
- return {container: parent, offset: getIndex(child)};
- }
- }
- if (index == -1) {
- testRange.moveToElementText(parent);
- testRange.setEndPoint('StartToStart', range);
- distance = testRange.text.replace(/(\r\n|\r)/g, '\n').length;
- siblings = parent.childNodes;
- if (!distance) {
- child = siblings[siblings.length - 1];
- return {container: child, offset: child.nodeValue.length};
- }
- var i = siblings.length;
- while (distance > 0) {
- distance -= siblings[ --i ].nodeValue.length;
- }
- return {container: siblings[i], offset: -distance};
- }
- testRange.collapse(position > 0);
- testRange.setEndPoint(position > 0 ? 'StartToStart' : 'EndToStart', range);
- distance = testRange.text.replace(/(\r\n|\r)/g, '\n').length;
- if (!distance) {
- return dtd.$empty[child.tagName] || dtd.$nonChild[child.tagName] ?
- {container: parent, offset: getIndex(child) + (position > 0 ? 0 : 1)} :
- {container: child, offset: position > 0 ? 0 : child.childNodes.length}
- }
- while (distance > 0) {
- try {
- var pre = child;
- child = child[position > 0 ? 'previousSibling' : 'nextSibling'];
- distance -= child.nodeValue.length;
- } catch (e) {
- return {container: parent, offset: getIndex(pre)};
- }
- }
- return {container: child, offset: position > 0 ? -distance : child.nodeValue.length + distance}
- }
- /**
- * 将ieRange转换为Range对象
- * @param {Range} ieRange ieRange对象
- * @param {Range} range Range对象
- * @return {Range} range 返回转换后的Range对象
- */
- function transformIERangeToRange(ieRange, range) {
- if (ieRange.item) {
- range.selectNode(ieRange.item(0));
- } else {
- var bi = getBoundaryInformation(ieRange, true);
- range.setStart(bi.container, bi.offset);
- if (ieRange.compareEndPoints('StartToEnd', ieRange) != 0) {
- bi = getBoundaryInformation(ieRange, false);
- range.setEnd(bi.container, bi.offset);
- }
- }
- return range;
- }
- /**
- * 获得ieRange
- * @param {Selection} sel Selection对象
- * @return {ieRange} 得到ieRange
- */
- function _getIERange(sel) {
- var ieRange;
- //ie下有可能报错
- try {
- ieRange = sel.getNative().createRange();
- } catch (e) {
- return null;
- }
- var el = ieRange.item ? ieRange.item(0) : ieRange.parentElement();
- if (( el.ownerDocument || el ) === sel.document) {
- return ieRange;
- }
- return null;
- }
- var Selection = dom.Selection = function (doc) {
- var me = this, iframe;
- me.document = doc;
- if (ie) {
- iframe = domUtils.getWindow(doc).frameElement;
- domUtils.on(iframe, 'beforedeactivate', function () {
- me._bakIERange = me.getIERange();
- });
- domUtils.on(iframe, 'activate', function () {
- try {
- if (!_getIERange(me) && me._bakIERange) {
- me._bakIERange.select();
- }
- } catch (ex) {
- }
- me._bakIERange = null;
- });
- }
- iframe = doc = null;
- };
- Selection.prototype = {
- /**
- * 获取原生seleciton对象
- * @public
- * @function
- * @name baidu.editor.dom.Selection.getNative
- * @return {Selection} 获得selection对象
- */
- getNative: function () {
- var doc = this.document;
- try {
- return !doc ? null : ie && browser.ie < 9 ? doc.selection : domUtils.getWindow(doc).getSelection();
- } catch (e) {
- return null;
- }
- },
- /**
- * 获得ieRange
- * @public
- * @function
- * @name baidu.editor.dom.Selection.getIERange
- * @return {ieRange} 返回ie原生的Range
- */
- getIERange: function () {
- var ieRange = _getIERange(this);
- if (!ieRange) {
- if (this._bakIERange) {
- return this._bakIERange;
- }
- }
- return ieRange;
- },
- /**
- * 缓存当前选区的range和选区的开始节点
- * @public
- * @function
- * @name baidu.editor.dom.Selection.cache
- */
- cache: function () {
- this.clear();
- this._cachedRange = this.getRange();
- this._cachedStartElement = this.getStart();
- this._cachedStartElementPath = this.getStartElementPath();
- },
- getStartElementPath: function () {
- if (this._cachedStartElementPath) {
- return this._cachedStartElementPath;
- }
- var start = this.getStart();
- if (start) {
- return domUtils.findParents(start, true, null, true)
- }
- return [];
- },
- /**
- * 清空缓存
- * @public
- * @function
- * @name baidu.editor.dom.Selection.clear
- */
- clear: function () {
- this._cachedStartElementPath = this._cachedRange = this._cachedStartElement = null;
- },
- /**
- * 编辑器是否得到了选区
- */
- isFocus: function () {
- try {
- return browser.ie && _getIERange(this) || !browser.ie && this.getNative().rangeCount ? true : false;
- } catch (e) {
- return false;
- }
- },
- /**
- * 获取选区对应的Range
- * @public
- * @function
- * @name baidu.editor.dom.Selection.getRange
- * @returns {baidu.editor.dom.Range} 得到Range对象
- */
- getRange: function () {
- var me = this;
- function optimze(range) {
- var child = me.document.body.firstChild,
- collapsed = range.collapsed;
- while (child && child.firstChild) {
- range.setStart(child, 0);
- child = child.firstChild;
- }
- if (!range.startContainer) {
- range.setStart(me.document.body, 0)
- }
- if (collapsed) {
- range.collapse(true);
- }
- }
- if (me._cachedRange != null) {
- return this._cachedRange;
- }
- var range = new baidu.editor.dom.Range(me.document);
- if (ie && browser.ie < 9) {
- var nativeRange = me.getIERange();
- if (nativeRange) {
- //备份的_bakIERange可能已经实效了,dom树发生了变化比如从源码模式切回来,所以try一下,实效就放到body开始位置
- try {
- transformIERangeToRange(nativeRange, range);
- } catch (e) {
- optimze(range);
- }
- } else {
- optimze(range);
- }
- } else {
- var sel = me.getNative();
- if (sel && sel.rangeCount) {
- var firstRange = sel.getRangeAt(0);
- var lastRange = sel.getRangeAt(sel.rangeCount - 1);
- range.setStart(firstRange.startContainer, firstRange.startOffset).setEnd(lastRange.endContainer, lastRange.endOffset);
- if (range.collapsed && domUtils.isBody(range.startContainer) && !range.startOffset) {
- optimze(range);
- }
- } else {
- //trace:1734 有可能已经不在dom树上了,标识的节点
- if (this._bakRange && domUtils.inDoc(this._bakRange.startContainer, this.document)) {
- return this._bakRange;
- }
- optimze(range);
- }
- }
- return this._bakRange = range;
- },
- /**
- * 获取开始元素,用于状态反射
- * @public
- * @function
- * @name baidu.editor.dom.Selection.getStart
- * @return {Element} 获得开始元素
- */
- getStart: function () {
- if (this._cachedStartElement) {
- return this._cachedStartElement;
- }
- var range = ie ? this.getIERange() : this.getRange(),
- tmpRange,
- start, tmp, parent;
- if (ie) {
- if (!range) {
- //todo 给第一个值可能会有问题
- return this.document.body.firstChild;
- }
- //control元素
- if (range.item) {
- return range.item(0);
- }
- tmpRange = range.duplicate();
- //修正ie下<b>x</b>[xx] 闭合后 <b>x|</b>xx
- tmpRange.text.length > 0 && tmpRange.moveStart('character', 1);
- tmpRange.collapse(1);
- start = tmpRange.parentElement();
- parent = tmp = range.parentElement();
- while (tmp = tmp.parentNode) {
- if (tmp == start) {
- start = parent;
- break;
- }
- }
- } else {
- range.shrinkBoundary();
- start = range.startContainer;
- if (start.nodeType == 1 && start.hasChildNodes()) {
- start = start.childNodes[Math.min(start.childNodes.length - 1, range.startOffset)];
- }
- if (start.nodeType == 3) {
- return start.parentNode;
- }
- }
- return start;
- },
- /**
- * 得到选区中的文本
- * @public
- * @function
- * @name baidu.editor.dom.Selection.getText
- * @return {String} 选区中包含的文本
- */
- getText: function () {
- var nativeSel, nativeRange;
- if (this.isFocus() && (nativeSel = this.getNative())) {
- nativeRange = browser.ie ? nativeSel.createRange() : nativeSel.getRangeAt(0);
- return browser.ie ? nativeRange.text : nativeRange.toString();
- }
- return '';
- },
- clearRange: function () {
- this.getNative()[browser.ie ? 'empty' : 'removeAllRanges']();
- }
- };
- })();
- /**
- * @file
- * @name UE.Editor
- * @short Editor
- * @import editor.js,core/utils.js,core/EventBase.js,core/browser.js,core/dom/dtd.js,core/dom/domUtils.js,core/dom/Range.js,core/dom/Selection.js,plugins/serialize.js
- * @desc 编辑器主类,包含编辑器提供的大部分公用接口
- */
- (function () {
- var uid = 0, _selectionChangeTimer;
- /**
- * @private
- * @ignore
- * @param form 编辑器所在的form元素
- * @param editor 编辑器实例对象
- */
- function setValue(form, editor) {
- var textarea;
- if (editor.textarea) {
- if (utils.isString(editor.textarea)) {
- for (var i = 0, ti, tis = domUtils.getElementsByTagName(form, 'textarea'); ti = tis[i++];) {
- if (ti.id == 'ueditor_textarea_' + editor.options.textarea) {
- textarea = ti;
- break;
- }
- }
- } else {
- textarea = editor.textarea;
- }
- }
- if (!textarea) {
- form.appendChild(textarea = domUtils.createElement(document, 'textarea', {
- 'name': editor.options.textarea,
- 'id': 'ueditor_textarea_' + editor.options.textarea,
- 'style': "display:none"
- }));
- //不要产生多个textarea
- editor.textarea = textarea;
- }
- textarea.value = editor.hasContents() ?
- (editor.options.allHtmlEnabled ? editor.getAllHtml() : editor.getContent(null, null, true)) :
- ''
- }
- function loadPlugins(me) {
- //初始化插件
- for (var pi in UE.plugins) {
- UE.plugins[pi].call(me);
- }
- me.langIsReady = true;
- me.fireEvent("langReady");
- }
- function checkCurLang(I18N) {
- for (var lang in I18N) {
- return lang
- }
- }
- /**
- * UEditor编辑器类
- * @name Editor
- * @desc 创建一个跟编辑器实例
- * - ***container*** 编辑器容器对象
- * - ***iframe*** 编辑区域所在的iframe对象
- * - ***window*** 编辑区域所在的window
- * - ***document*** 编辑区域所在的document对象
- * - ***body*** 编辑区域所在的body对象
- * - ***selection*** 编辑区域的选区对象
- */
- var Editor = UE.Editor = function (options) {
- var me = this;
- me.uid = uid++;
- EventBase.call(me);
- me.commands = {};
- me.options = utils.extend(utils.clone(options || {}), UEDITOR_CONFIG, true);
- me.shortcutkeys = {};
- me.inputRules = [];
- me.outputRules = [];
- //设置默认的常用属性
- me.setOpt({
- isShow: true,
- initialContent: '',
- initialStyle: '',
- autoClearinitialContent: false,
- iframeCssUrl: me.options.UEDITOR_HOME_URL + 'themes/iframe.css',
- textarea: 'editorValue',
- focus: false,
- focusInEnd: true,
- autoClearEmptyNode: true,
- fullscreen: false,
- readonly: false,
- zIndex: 999,
- imagePopup: true,
- enterTag: 'p',
- customDomain: false,
- lang: 'zh-cn',
- langPath: me.options.UEDITOR_HOME_URL + 'lang/',
- theme: 'default',
- themePath: me.options.UEDITOR_HOME_URL + 'themes/',
- allHtmlEnabled: false,
- scaleEnabled: false,
- tableNativeEditInFF: false,
- autoSyncData: true
- });
- if (!utils.isEmptyObject(UE.I18N)) {
- //修改默认的语言类型
- me.options.lang = checkCurLang(UE.I18N);
- loadPlugins(me)
- } else {
- utils.loadFile(document, {
- src: me.options.langPath + me.options.lang + "/" + me.options.lang + ".js",
- tag: "script",
- type: "text/javascript",
- defer: "defer"
- }, function () {
- loadPlugins(me)
- });
- }
- UE.instants['ueditorInstant' + me.uid] = me;
- };
- Editor.prototype = {
- /**
- * 当编辑器ready后执行传入的fn,如果编辑器已经完成ready,就马上执行fn,fn的中的this是编辑器实例。
- * 大部分的实例接口都需要放在该方法内部执行,否则在IE下可能会报错。
- * @name ready
- * @grammar editor.ready(fn) fn是当编辑器渲染好后执行的function
- * @example
- * var editor = new UE.ui.Editor();
- * editor.render("myEditor");
- * editor.ready(function(){
- * editor.setContent("欢迎使用UEditor!");
- * })
- */
- ready: function (fn) {
- var me = this;
- if (fn) {
- me.isReady ? fn.apply(me) : me.addListener('ready', fn);
- }
- },
- /**
- * 为编辑器设置默认参数值。若用户配置为空,则以默认配置为准
- * @grammar editor.setOpt(key,value); //传入一个键、值对
- * @grammar editor.setOpt({ key:value}); //传入一个json对象
- */
- setOpt: function (key, val) {
- var obj = {};
- if (utils.isString(key)) {
- obj[key] = val
- } else {
- obj = key;
- }
- utils.extend(this.options, obj, true);
- },
- /**
- * 销毁编辑器实例对象
- * @name destroy
- * @grammar editor.destroy();
- */
- destroy: function () {
- var me = this;
- me.fireEvent('destroy');
- var container = me.container.parentNode;
- var textarea = me.textarea;
- if (!textarea) {
- textarea = document.createElement('textarea');
- container.parentNode.insertBefore(textarea, container);
- } else {
- textarea.style.display = ''
- }
- textarea.style.width = me.iframe.offsetWidth + 'px';
- textarea.style.height = me.iframe.offsetHeight + 'px';
- textarea.value = me.getContent();
- textarea.id = me.key;
- container.innerHTML = '';
- domUtils.remove(container);
- var key = me.key;
- //trace:2004
- for (var p in me) {
- if (me.hasOwnProperty(p)) {
- delete this[p];
- }
- }
- UE.delEditor(key);
- },
- /**
- * 渲染编辑器的DOM到指定容器,必须且只能调用一次
- * @name render
- * @grammar editor.render(containerId); //可以指定一个容器ID
- * @grammar editor.render(containerDom); //也可以直接指定容器对象
- */
- render: function (container) {
- var me = this,
- options = me.options,
- getStyleValue = function (attr) {
- return parseInt(domUtils.getComputedStyle(container, attr));
- };
- if (utils.isString(container)) {
- container = document.getElementById(container);
- }
- if (container) {
- if (options.initialFrameWidth) {
- options.minFrameWidth = options.initialFrameWidth
- } else {
- options.minFrameWidth = options.initialFrameWidth = container.offsetWidth;
- }
- if (options.initialFrameHeight) {
- options.minFrameHeight = options.initialFrameHeight
- } else {
- options.initialFrameHeight = options.minFrameHeight = container.offsetHeight;
- }
- container.style.width = /%$/.test(options.initialFrameWidth) ? '100%' : options.initialFrameWidth -
- getStyleValue("padding-left") - getStyleValue("padding-right") + 'px';
- container.style.height = /%$/.test(options.initialFrameHeight) ? '100%' : options.initialFrameHeight -
- getStyleValue("padding-top") - getStyleValue("padding-bottom") + 'px';
- container.style.zIndex = options.zIndex;
- var html = ( ie && browser.version < 9 ? '' : '<!DOCTYPE html>') +
- '<html xmlns=\'http://www.w3.org/1999/xhtml\' class=\'view\' ><head>' +
- '<style type=\'text/css\'>' +
- //设置四周的留边
- '.view{padding:0;word-wrap:break-word;cursor:text;height:90%;}\n' +
- //设置默认字体和字号
- //font-family不能呢随便改,在safari下fillchar会有解析问题
- 'body{margin:8px;font-family:sans-serif;font-size:16px;}' +
- //设置段落间距
- 'p{margin:5px 0;}</style>' +
- ( options.iframeCssUrl ? '<link rel=\'stylesheet\' type=\'text/css\' href=\'' + utils.unhtml(options.iframeCssUrl) + '\'/>' : '' ) +
- (options.initialStyle ? '<style>' + options.initialStyle + '</style>' : '') +
- '</head><body class=\'view\' ></body>' +
- '<script type=\'text/javascript\' ' + (ie ? 'defer=\'defer\'' : '' ) + ' id=\'_initialScript\'>' +
- 'setTimeout(function(){window.parent.UE.instants[\'ueditorInstant' + me.uid + '\']._setup(document);},0);' +
- 'var _tmpScript = document.getElementById(\'_initialScript\');_tmpScript.parentNode.removeChild(_tmpScript);</script></html>';
- container.appendChild(domUtils.createElement(document, 'iframe', {
- id: 'ueditor_' + me.uid,
- width: "100%",
- height: "100%",
- frameborder: "0",
- src: 'javascript:void(function(){document.open();' + (options.customDomain && document.domain != location.hostname ? 'document.domain="' + document.domain + '";' : '') +
- 'document.write("' + html + '");document.close();}())'
- }));
- container.style.overflow = 'hidden';
- //解决如果是给定的百分比,会导致高度算不对的问题
- setTimeout(function () {
- if (/%$/.test(options.initialFrameWidth)) {
- options.minFrameWidth = options.initialFrameWidth = container.offsetWidth;
- container.style.width = options.initialFrameWidth + 'px';
- }
- if (/%$/.test(options.initialFrameHeight)) {
- options.minFrameHeight = options.initialFrameHeight = container.offsetHeight;
- container.style.height = options.initialFrameHeight + 'px';
- }
- })
- }
- },
- /**
- * 编辑器初始化
- * @private
- * @ignore
- * @param {Element} doc 编辑器Iframe中的文档对象
- */
- _setup: function (doc) {
- var me = this,
- options = me.options;
- if (ie) {
- doc.body.disabled = true;
- doc.body.contentEditable = true;
- doc.body.disabled = false;
- } else {
- doc.body.contentEditable = true;
- }
- doc.body.spellcheck = false;
- me.document = doc;
- me.window = doc.defaultView || doc.parentWindow;
- me.iframe = me.window.frameElement;
- me.body = doc.body;
- me.selection = new dom.Selection(doc);
- //gecko初始化就能得到range,无法判断isFocus了
- var geckoSel;
- if (browser.gecko && (geckoSel = this.selection.getNative())) {
- geckoSel.removeAllRanges();
- }
- this._initEvents();
- //为form提交提供一个隐藏的textarea
- for (var form = this.iframe.parentNode; !domUtils.isBody(form); form = form.parentNode) {
- if (form.tagName == 'FORM') {
- me.form = form;
- if (me.options.autoSyncData) {
- domUtils.on(me.window, 'blur', function () {
- setValue(form, me);
- });
- } else {
- domUtils.on(form, 'submit', function () {
- setValue(this, me);
- });
- }
- break;
- }
- }
- if (options.initialContent) {
- if (options.autoClearinitialContent) {
- var oldExecCommand = me.execCommand;
- me.execCommand = function () {
- me.fireEvent('firstBeforeExecCommand');
- return oldExecCommand.apply(me, arguments);
- };
- this._setDefaultContent(options.initialContent);
- } else
- this.setContent(options.initialContent, false, true);
- }
- //编辑器不能为空内容
- if (domUtils.isEmptyNode(me.body)) {
- me.body.innerHTML = '<p>' + (browser.ie ? '' : '<br/>') + '</p>';
- }
- //如果要求focus, 就把光标定位到内容开始
- if (options.focus) {
- setTimeout(function () {
- me.focus(me.options.focusInEnd);
- //如果自动清除开着,就不需要做selectionchange;
- !me.options.autoClearinitialContent && me._selectionChange();
- }, 0);
- }
- if (!me.container) {
- me.container = this.iframe.parentNode;
- }
- if (options.fullscreen && me.ui) {
- me.ui.setFullScreen(true);
- }
- try {
- me.document.execCommand('2D-position', false, false);
- } catch (e) {
- }
- try {
- me.document.execCommand('enableInlineTableEditing', false, false);
- } catch (e) {
- }
- try {
- me.document.execCommand('enableObjectResizing', false, false);
- } catch (e) {
- // domUtils.on(me.body,browser.ie ? 'resizestart' : 'resize', function( evt ) {
- // domUtils.preventDefault(evt)
- // });
- }
- me._bindshortcutKeys();
- me.isReady = 1;
- me.fireEvent('ready');
- options.onready && options.onready.call(me);
- if (!browser.ie) {
- domUtils.on(me.window, ['blur', 'focus'], function (e) {
- //chrome下会出现alt+tab切换时,导致选区位置不对
- if (e.type == 'blur') {
- me._bakRange = me.selection.getRange();
- try {
- me._bakNativeRange = me.selection.getNative().getRangeAt(0);
- me.selection.getNative().removeAllRanges();
- } catch (e) {
- me._bakNativeRange = null;
- }
- } else {
- try {
- me._bakRange && me._bakRange.select();
- } catch (e) {
- }
- }
- });
- }
- //trace:1518 ff3.6body不够寛,会导致点击空白处无法获得焦点
- if (browser.gecko && browser.version <= 10902) {
- //修复ff3.6初始化进来,不能点击获得焦点
- me.body.contentEditable = false;
- setTimeout(function () {
- me.body.contentEditable = true;
- }, 100);
- setInterval(function () {
- me.body.style.height = me.iframe.offsetHeight - 20 + 'px'
- }, 100)
- }
- !options.isShow && me.setHide();
- options.readonly && me.setDisabled();
- },
- /**
- * 同步编辑器的数据,为提交数据做准备,主要用于你是手动提交的情况
- * @name sync
- * @grammar editor.sync(); //从编辑器的容器向上查找,如果找到就同步数据
- * @grammar editor.sync(formID); //formID制定一个要同步数据的form的id,编辑器的数据会同步到你指定form下
- * @desc
- * 后台取得数据得键值使用你容器上得''name''属性,如果没有就使用参数传入的''textarea''
- * @example
- * editor.sync();
- * form.sumbit(); //form变量已经指向了form元素
- *
- */
- sync: function (formId) {
- var me = this,
- form = formId ? document.getElementById(formId) :
- domUtils.findParent(me.iframe.parentNode, function (node) {
- return node.tagName == 'FORM'
- }, true);
- form && setValue(form, me);
- },
- /**
- * 设置编辑器高度
- * @name setHeight
- * @grammar editor.setHeight(number); //纯数值,不带单位
- */
- setHeight: function (height, notSetHeight) {
- if (height !== parseInt(this.iframe.parentNode.style.height)) {
- this.iframe.parentNode.style.height = height + 'px';
- }
- !notSetHeight && (this.options.minFrameHeight = this.options.initialFrameHeight = height);
- this.body.style.height = height + 'px';
- },
- addshortcutkey: function (cmd, keys) {
- var obj = {};
- if (keys) {
- obj[cmd] = keys
- } else {
- obj = cmd;
- }
- utils.extend(this.shortcutkeys, obj)
- },
- _bindshortcutKeys: function () {
- var me = this, shortcutkeys = this.shortcutkeys;
- me.addListener('keydown', function (type, e) {
- var keyCode = e.keyCode || e.which;
- for (var i in shortcutkeys) {
- var tmp = shortcutkeys[i].split(',');
- for (var t = 0, ti; ti = tmp[t++];) {
- ti = ti.split(':');
- var key = ti[0], param = ti[1];
- if (/^(ctrl)(\+shift)?\+(\d+)$/.test(key.toLowerCase()) || /^(\d+)$/.test(key)) {
- if (( (RegExp.$1 == 'ctrl' ? (e.ctrlKey || e.metaKey) : 0)
- && (RegExp.$2 != "" ? e[RegExp.$2.slice(1) + "Key"] : 1)
- && keyCode == RegExp.$3
- ) ||
- keyCode == RegExp.$1
- ) {
- if (me.queryCommandState(i, param) != -1)
- me.execCommand(i, param);
- domUtils.preventDefault(e);
- }
- }
- }
- }
- });
- },
- /**
- * 获取编辑器内容
- * @name getContent
- * @grammar editor.getContent() => String //若编辑器中只包含字符"<p><br /></p/>"会返回空。
- * @grammar editor.getContent(fn) => String
- * @example
- * getContent默认是会现调用hasContents来判断编辑器是否为空,如果是,就直接返回空字符串
- * 你也可以传入一个fn来接替hasContents的工作,定制判断的规则
- * editor.getContent(function(){
- * return false //编辑器没有内容 ,getContent直接返回空
- * })
- */
- getContent: function (cmd, fn, notSetCursor, ignoreBlank, formatter) {
- var me = this;
- if (cmd && utils.isFunction(cmd)) {
- fn = cmd;
- cmd = '';
- }
- if (fn ? !fn() : !this.hasContents()) {
- return '';
- }
- me.fireEvent('beforegetcontent');
- var root = UE.htmlparser(me.body.innerHTML, ignoreBlank);
- me.filterOutputRule(root);
- me.fireEvent('aftergetcontent', cmd);
- return root.toHtml(formatter);
- },
- /**
- * 取得完整的html代码,可以直接显示成完整的html文档
- * @name getAllHtml
- * @grammar editor.getAllHtml() => String
- */
- getAllHtml: function () {
- var me = this,
- headHtml = [],
- html = '';
- me.fireEvent('getAllHtml', headHtml);
- if (browser.ie && browser.version > 8) {
- var headHtmlForIE9 = '';
- utils.each(me.document.styleSheets, function (si) {
- headHtmlForIE9 += ( si.href ? '<link rel="stylesheet" type="text/css" href="' + si.href + '" />' : '<style>' + si.cssText + '</style>');
- });
- utils.each(me.document.getElementsByTagName('script'), function (si) {
- headHtmlForIE9 += si.outerHTML;
- });
- }
- return '<html><head>' + (me.options.charset ? '<meta http-equiv="Content-Type" content="text/html; charset=' + me.options.charset + '"/>' : '')
- + (headHtmlForIE9 || me.document.getElementsByTagName('head')[0].innerHTML) + headHtml.join('\n') + '</head>'
- + '<body ' + (ie && browser.version < 9 ? 'class="view"' : '') + '>' + me.getContent(null, null, true) + '</body></html>';
- },
- /**
- * 得到编辑器的纯文本内容,但会保留段落格式
- * @name getPlainTxt
- * @grammar editor.getPlainTxt() => String
- */
- getPlainTxt: function () {
- var reg = new RegExp(domUtils.fillChar, 'g'),
- html = this.body.innerHTML.replace(/[\n\r]/g, '');//ie要先去了\n在处理
- html = html.replace(/<(p|div)[^>]*>(<br\/?>| )<\/\1>/gi, '\n')
- .replace(/<br\/?>/gi, '\n')
- .replace(/<[^>/]+>/g, '')
- .replace(/(\n)?<\/([^>]+)>/g, function (a, b, c) {
- return dtd.$block[c] ? '\n' : b ? b : '';
- });
- //取出来的空格会有c2a0会变成乱码,处理这种情况\u00a0
- return html.replace(reg, '').replace(/\u00a0/g, ' ').replace(/ /g, ' ');
- },
- /**
- * 获取编辑器中的纯文本内容,没有段落格式
- * @name getContentTxt
- * @grammar editor.getContentTxt() => String
- */
- getContentTxt: function () {
- var reg = new RegExp(domUtils.fillChar, 'g');
- //取出来的空格会有c2a0会变成乱码,处理这种情况\u00a0
- return this.body[browser.ie ? 'innerText' : 'textContent'].replace(reg, '').replace(/\u00a0/g, ' ');
- },
- /**
- * 将html设置到编辑器中, 如果是用于初始化时给编辑器赋初值,则必须放在ready方法内部执行
- * @name setContent
- * @grammar editor.setContent(html)
- * @example
- * var editor = new UE.ui.Editor()
- * editor.ready(function(){
- * //需要ready后执行,否则可能报错
- * editor.setContent("欢迎使用UEditor!");
- * })
- */
- setContent: function (html, isAppendTo, notFireSelectionchange) {
- var me = this;
- me.fireEvent('beforesetcontent', html);
- var root = UE.htmlparser(html);
- me.filterInputRule(root);
- html = root.toHtml();
- me.body.innerHTML = (isAppendTo ? me.body.innerHTML : '') + html;
- function isCdataDiv(node) {
- return node.tagName == 'DIV' && node.getAttribute('cdata_tag');
- }
- //给文本或者inline节点套p标签
- if (me.options.enterTag == 'p') {
- var child = this.body.firstChild, tmpNode;
- if (!child || child.nodeType == 1 &&
- (dtd.$cdata[child.tagName] || isCdataDiv(child) ||
- domUtils.isCustomeNode(child)
- )
- && child === this.body.lastChild) {
- this.body.innerHTML = '<p>' + (browser.ie ? ' ' : '<br/>') + '</p>' + this.body.innerHTML;
- } else {
- var p = me.document.createElement('p');
- while (child) {
- while (child && (child.nodeType == 3 || child.nodeType == 1 && dtd.p[child.tagName] && !dtd.$cdata[child.tagName])) {
- tmpNode = child.nextSibling;
- p.appendChild(child);
- child = tmpNode;
- }
- if (p.firstChild) {
- if (!child) {
- me.body.appendChild(p);
- break;
- } else {
- child.parentNode.insertBefore(p, child);
- p = me.document.createElement('p');
- }
- }
- child = child.nextSibling;
- }
- }
- }
- me.fireEvent('aftersetcontent');
- me.fireEvent('contentchange');
- !notFireSelectionchange && me._selectionChange();
- //清除保存的选区
- me._bakRange = me._bakIERange = me._bakNativeRange = null;
- //trace:1742 setContent后gecko能得到焦点问题
- var geckoSel;
- if (browser.gecko && (geckoSel = this.selection.getNative())) {
- geckoSel.removeAllRanges();
- }
- if (me.options.autoSyncData) {
- me.form && setValue(me.form, me);
- }
- },
- /**
- * 让编辑器获得焦点,toEnd确定focus位置
- * @name focus
- * @grammar editor.focus([toEnd]) //默认focus到编辑器头部,toEnd为true时focus到内容尾部
- */
- focus: function (toEnd) {
- try {
- var me = this,
- rng = me.selection.getRange();
- if (toEnd) {
- rng.setStartAtLast(me.body.lastChild).setCursor(false, true);
- } else {
- rng.select(true);
- }
- this.fireEvent('focus');
- } catch (e) {
- }
- },
- /**
- * 初始化UE事件及部分事件代理
- * @private
- * @ignore
- */
- _initEvents: function () {
- var me = this,
- doc = me.document,
- win = me.window;
- me._proxyDomEvent = utils.bind(me._proxyDomEvent, me);
- domUtils.on(doc, ['click', 'contextmenu', 'mousedown', 'keydown', 'keyup', 'keypress', 'mouseup', 'mouseover', 'mouseout', 'selectstart'], me._proxyDomEvent);
- domUtils.on(win, ['focus', 'blur'], me._proxyDomEvent);
- domUtils.on(doc, ['mouseup', 'keydown'], function (evt) {
- //特殊键不触发selectionchange
- if (evt.type == 'keydown' && (evt.ctrlKey || evt.metaKey || evt.shiftKey || evt.altKey)) {
- return;
- }
- if (evt.button == 2)return;
- me._selectionChange(250, evt);
- });
- // //处理拖拽
- // //ie ff不能从外边拖入
- // //chrome只针对从外边拖入的内容过滤
- // var innerDrag = 0, source = browser.ie ? me.body : me.document, dragoverHandler;
- // domUtils.on(source, 'dragstart', function () {
- // innerDrag = 1;
- // });
- // domUtils.on(source, browser.webkit ? 'dragover' : 'drop', function () {
- // return browser.webkit ?
- // function () {
- // clearTimeout(dragoverHandler);
- // dragoverHandler = setTimeout(function () {
- // if (!innerDrag) {
- // var sel = me.selection,
- // range = sel.getRange();
- // if (range) {
- // var common = range.getCommonAncestor();
- // if (common && me.serialize) {
- // var f = me.serialize,
- // node =
- // f.filter(
- // f.transformInput(
- // f.parseHTML(
- // f.word(common.innerHTML)
- // )
- // )
- // );
- // common.innerHTML = f.toHTML(node);
- // }
- // }
- // }
- // innerDrag = 0;
- // }, 200);
- // } :
- // function (e) {
- // if (!innerDrag) {
- // e.preventDefault ? e.preventDefault() : (e.returnValue = false);
- // }
- // innerDrag = 0;
- // }
- // }());
- },
- /**
- * 触发事件代理
- * @private
- * @ignore
- */
- _proxyDomEvent: function (evt) {
- return this.fireEvent(evt.type.replace(/^on/, ''), evt);
- },
- /**
- * 变化选区
- * @private
- * @ignore
- */
- _selectionChange: function (delay, evt) {
- var me = this;
- //有光标才做selectionchange 为了解决未focus时点击source不能触发更改工具栏状态的问题(source命令notNeedUndo=1)
- // if ( !me.selection.isFocus() ){
- // return;
- // }
- var hackForMouseUp = false;
- var mouseX, mouseY;
- if (browser.ie && browser.version < 9 && evt && evt.type == 'mouseup') {
- var range = this.selection.getRange();
- if (!range.collapsed) {
- hackForMouseUp = true;
- mouseX = evt.clientX;
- mouseY = evt.clientY;
- }
- }
- clearTimeout(_selectionChangeTimer);
- _selectionChangeTimer = setTimeout(function () {
- if (!me.selection.getNative()) {
- return;
- }
- //修复一个IE下的bug: 鼠标点击一段已选择的文本中间时,可能在mouseup后的一段时间内取到的range是在selection的type为None下的错误值.
- //IE下如果用户是拖拽一段已选择文本,则不会触发mouseup事件,所以这里的特殊处理不会对其有影响
- var ieRange;
- if (hackForMouseUp && me.selection.getNative().type == 'None') {
- ieRange = me.document.body.createTextRange();
- try {
- ieRange.moveToPoint(mouseX, mouseY);
- } catch (ex) {
- ieRange = null;
- }
- }
- var bakGetIERange;
- if (ieRange) {
- bakGetIERange = me.selection.getIERange;
- me.selection.getIERange = function () {
- return ieRange;
- };
- }
- me.selection.cache();
- if (bakGetIERange) {
- me.selection.getIERange = bakGetIERange;
- }
- if (me.selection._cachedRange && me.selection._cachedStartElement) {
- me.fireEvent('beforeselectionchange');
- // 第二个参数causeByUi为true代表由用户交互造成的selectionchange.
- me.fireEvent('selectionchange', !!evt);
- me.fireEvent('afterselectionchange');
- me.selection.clear();
- }
- }, delay || 50);
- },
- _callCmdFn: function (fnName, args) {
- var cmdName = args[0].toLowerCase(),
- cmd, cmdFn;
- cmd = this.commands[cmdName] || UE.commands[cmdName];
- cmdFn = cmd && cmd[fnName];
- //没有querycommandstate或者没有command的都默认返回0
- if ((!cmd || !cmdFn) && fnName == 'queryCommandState') {
- return 0;
- } else if (cmdFn) {
- return cmdFn.apply(this, args);
- }
- },
- /**
- * 执行编辑命令cmdName,完成富文本编辑效果
- * @name execCommand
- * @grammar editor.execCommand(cmdName) => {*}
- */
- execCommand: function (cmdName) {
- cmdName = cmdName.toLowerCase();
- var me = this,
- result,
- cmd = me.commands[cmdName] || UE.commands[cmdName];
- if (!cmd || !cmd.execCommand) {
- return null;
- }
- if (!cmd.notNeedUndo && !me.__hasEnterExecCommand) {
- me.__hasEnterExecCommand = true;
- if (me.queryCommandState.apply(me, arguments) != -1) {
- me.fireEvent('beforeexeccommand', cmdName);
- result = this._callCmdFn('execCommand', arguments);
- !me._ignoreContentChange && me.fireEvent('contentchange');
- me.fireEvent('afterexeccommand', cmdName);
- }
- me.__hasEnterExecCommand = false;
- } else {
- result = this._callCmdFn('execCommand', arguments);
- !me._ignoreContentChange && me.fireEvent('contentchange')
- }
- !me._ignoreContentChange && me._selectionChange();
- return result;
- },
- /**
- * 根据传入的command命令,查选编辑器当前的选区,返回命令的状态
- * @name queryCommandState
- * @grammar editor.queryCommandState(cmdName) => (-1|0|1)
- * @desc
- * * ''-1'' 当前命令不可用
- * * ''0'' 当前命令可用
- * * ''1'' 当前命令已经执行过了
- */
- queryCommandState: function (cmdName) {
- return this._callCmdFn('queryCommandState', arguments);
- },
- /**
- * 根据传入的command命令,查选编辑器当前的选区,根据命令返回相关的值
- * @name queryCommandValue
- * @grammar editor.queryCommandValue(cmdName) => {*}
- */
- queryCommandValue: function (cmdName) {
- return this._callCmdFn('queryCommandValue', arguments);
- },
- /**
- * 检查编辑区域中是否有内容,若包含tags中的节点类型,直接返回true
- * @name hasContents
- * @desc
- * 默认有文本内容,或者有以下节点都不认为是空
- * <code>{table:1,ul:1,ol:1,dl:1,iframe:1,area:1,base:1,col:1,hr:1,img:1,embed:1,input:1,link:1,meta:1,param:1}</code>
- * @grammar editor.hasContents() => (true|false)
- * @grammar editor.hasContents(tags) => (true|false) //若文档中包含tags数组里对应的tag,直接返回true
- * @example
- * editor.hasContents(['span']) //如果编辑器里有这些,不认为是空
- */
- hasContents: function (tags) {
- if (tags) {
- for (var i = 0, ci; ci = tags[i++];) {
- if (this.document.getElementsByTagName(ci).length > 0) {
- return true;
- }
- }
- }
- if (!domUtils.isEmptyBlock(this.body)) {
- return true
- }
- //随时添加,定义的特殊标签如果存在,不能认为是空
- tags = ['div'];
- for (i = 0; ci = tags[i++];) {
- var nodes = domUtils.getElementsByTagName(this.document, ci);
- for (var n = 0, cn; cn = nodes[n++];) {
- if (domUtils.isCustomeNode(cn)) {
- return true;
- }
- }
- }
- return false;
- },
- /**
- * 重置编辑器,可用来做多个tab使用同一个编辑器实例
- * @name reset
- * @desc
- * * 清空编辑器内容
- * * 清空回退列表
- * @grammar editor.reset()
- */
- reset: function () {
- this.fireEvent('reset');
- },
- setEnabled: function () {
- var me = this, range;
- if (me.body.contentEditable == 'false') {
- me.body.contentEditable = true;
- range = me.selection.getRange();
- //有可能内容丢失了
- try {
- range.moveToBookmark(me.lastBk);
- delete me.lastBk
- } catch (e) {
- range.setStartAtFirst(me.body).collapse(true)
- }
- range.select(true);
- if (me.bkqueryCommandState) {
- me.queryCommandState = me.bkqueryCommandState;
- delete me.bkqueryCommandState;
- }
- me.fireEvent('selectionchange');
- }
- },
- /**
- * 设置当前编辑区域可以编辑
- * @name enable
- * @grammar editor.enable()
- */
- enable: function () {
- return this.setEnabled();
- },
- setDisabled: function (except) {
- var me = this;
- except = except ? utils.isArray(except) ? except : [except] : [];
- if (me.body.contentEditable == 'true') {
- if (!me.lastBk) {
- me.lastBk = me.selection.getRange().createBookmark(true);
- }
- me.body.contentEditable = false;
- me.bkqueryCommandState = me.queryCommandState;
- me.queryCommandState = function (type) {
- if (utils.indexOf(except, type) != -1) {
- return me.bkqueryCommandState.apply(me, arguments);
- }
- return -1;
- };
- me.fireEvent('selectionchange');
- }
- },
- /** 设置当前编辑区域不可编辑,except中的命令除外
- * @name disable
- * @grammar editor.disable()
- * @grammar editor.disable(except) //例外的命令,也即即使设置了disable,此处配置的命令仍然可以执行
- * @example
- * //禁用工具栏中除加粗和插入图片之外的所有功能
- * editor.disable(['bold','insertimage']);//可以是单一的String,也可以是Array
- */
- disable: function (except) {
- return this.setDisabled(except);
- },
- /**
- * 设置默认内容
- * @ignore
- * @private
- * @param {String} cont 要存入的内容
- */
- _setDefaultContent: function () {
- function clear() {
- var me = this;
- if (me.document.getElementById('initContent')) {
- me.body.innerHTML = '<p>' + (ie ? '' : '<br/>') + '</p>';
- me.removeListener('firstBeforeExecCommand focus', clear);
- setTimeout(function () {
- me.focus();
- me._selectionChange();
- }, 0)
- }
- }
- return function (cont) {
- var me = this;
- me.body.innerHTML = '<p id="initContent">' + cont + '</p>';
- me.addListener('firstBeforeExecCommand focus', clear);
- }
- }(),
- /**
- * show方法的兼容版本
- * @private
- * @ignore
- */
- setShow: function () {
- var me = this, range = me.selection.getRange();
- if (me.container.style.display == 'none') {
- //有可能内容丢失了
- try {
- range.moveToBookmark(me.lastBk);
- delete me.lastBk
- } catch (e) {
- range.setStartAtFirst(me.body).collapse(true)
- }
- //ie下focus实效,所以做了个延迟
- setTimeout(function () {
- range.select(true);
- }, 100);
- me.container.style.display = '';
- }
- },
- /**
- * 显示编辑器
- * @name show
- * @grammar editor.show()
- */
- show: function () {
- return this.setShow();
- },
- /**
- * hide方法的兼容版本
- * @private
- * @ignore
- */
- setHide: function () {
- var me = this;
- if (!me.lastBk) {
- me.lastBk = me.selection.getRange().createBookmark(true);
- }
- me.container.style.display = 'none'
- },
- /**
- * 隐藏编辑器
- * @name hide
- * @grammar editor.hide()
- */
- hide: function () {
- return this.setHide();
- },
- /**
- * 根据制定的路径,获取对应的语言资源
- * @name getLang
- * @grammar editor.getLang(path) => (JSON|String) 路径根据的是lang目录下的语言文件的路径结构
- * @example
- * editor.getLang('contextMenu.delete') //如果当前是中文,那返回是的是删除
- */
- getLang: function (path) {
- var lang = UE.I18N[this.options.lang];
- if (!lang) {
- throw Error("not import language file");
- }
- path = (path || "").split(".");
- for (var i = 0, ci; ci = path[i++];) {
- lang = lang[ci];
- if (!lang)break;
- }
- return lang;
- },
- /**
- * 计算编辑器当前内容的长度
- * @name getContentLength
- * @grammar editor.getContentLength(ingoneHtml,tagNames) =>
- * @example
- * editor.getLang(true)
- */
- getContentLength: function (ingoneHtml, tagNames) {
- var count = this.getContent(false, false, true).length;
- if (ingoneHtml) {
- tagNames = (tagNames || []).concat([ 'hr', 'img', 'iframe']);
- count = this.getContentTxt().replace(/[\t\r\n]+/g, '').length;
- for (var i = 0, ci; ci = tagNames[i++];) {
- count += this.document.getElementsByTagName(ci).length;
- }
- }
- return count;
- },
- addInputRule: function (rule) {
- this.inputRules.push(rule);
- },
- filterInputRule: function (root) {
- for (var i = 0, ci; ci = this.inputRules[i++];) {
- ci.call(this, root)
- }
- },
- addOutputRule: function (rule) {
- this.outputRules.push(rule)
- },
- filterOutputRule: function (root) {
- for (var i = 0, ci; ci = this.outputRules[i++];) {
- ci.call(this, root)
- }
- }
- /**
- * 得到dialog实例对象
- * @name getDialog
- * @grammar editor.getDialog(dialogName) => Object
- * @example
- * var dialog = editor.getDialog("insertimage");
- * dialog.open(); //打开dialog
- * dialog.close(); //关闭dialog
- */
- };
- utils.inherits(Editor, EventBase);
- })();
- /**
- * @file
- * @name UE.ajax
- * @short Ajax
- * @desc UEditor内置的ajax请求模块
- * @import core/utils.js
- * @user: taoqili
- * @date: 11-8-18
- * @time: 下午3:18
- */
- UE.ajax = function () {
- /**
- * 创建一个ajaxRequest对象
- */
- var fnStr = 'XMLHttpRequest()';
- try {
- new ActiveXObject("Msxml2.XMLHTTP");
- fnStr = 'ActiveXObject(\'Msxml2.XMLHTTP\')';
- } catch (e) {
- try {
- new ActiveXObject("Microsoft.XMLHTTP");
- fnStr = 'ActiveXObject(\'Microsoft.XMLHTTP\')'
- } catch (e) {
- }
- }
- var creatAjaxRequest = new Function('return new ' + fnStr);
- /**
- * 将json参数转化成适合ajax提交的参数列表
- * @param json
- */
- function json2str(json) {
- var strArr = [];
- for (var i in json) {
- //忽略默认的几个参数
- if (i == "method" || i == "timeout" || i == "async") continue;
- //传递过来的对象和函数不在提交之列
- if (!((typeof json[i]).toLowerCase() == "function" || (typeof json[i]).toLowerCase() == "object")) {
- strArr.push(encodeURIComponent(i) + "=" + encodeURIComponent(json[i]));
- }
- }
- return strArr.join("&");
- }
- return {
- /**
- * @name request
- * @desc 发出ajax请求,ajaxOpt中默认包含method,timeout,async,data,onsuccess以及onerror等六个,支持自定义添加参数
- * @grammar UE.ajax.request(url,ajaxOpt);
- * @example
- * UE.ajax.request('http://www.xxxx.com/test.php',{
- * //可省略,默认POST
- * method:'POST',
- * //可以自定义参数
- * content:'这里是提交的内容',
- * //也可以直接传json,但是只能命名为data,否则当做一般字符串处理
- * data:{
- * name:'UEditor',
- * age:'1'
- * }
- * onsuccess:function(xhr){
- * console.log(xhr.responseText);
- * },
- * onerror:function(xhr){
- * console.log(xhr.responseText);
- * }
- * })
- * @param ajaxOptions
- */
- request: function (url, ajaxOptions) {
- var ajaxRequest = creatAjaxRequest(),
- //是否超时
- timeIsOut = false,
- //默认参数
- defaultAjaxOptions = {
- method: "POST",
- timeout: 5000,
- async: true,
- data: {},//需要传递对象的话只能覆盖
- onsuccess: function () {
- },
- onerror: function () {
- }
- };
- if (typeof url === "object") {
- ajaxOptions = url;
- url = ajaxOptions.url;
- }
- if (!ajaxRequest || !url) return;
- var ajaxOpts = ajaxOptions ? utils.extend(defaultAjaxOptions, ajaxOptions) : defaultAjaxOptions;
- var submitStr = json2str(ajaxOpts); // { name:"Jim",city:"Beijing" } --> "name=Jim&city=Beijing"
- //如果用户直接通过data参数传递json对象过来,则也要将此json对象转化为字符串
- if (!utils.isEmptyObject(ajaxOpts.data)) {
- submitStr += (submitStr ? "&" : "") + json2str(ajaxOpts.data);
- }
- //超时检测
- var timerID = setTimeout(function () {
- if (ajaxRequest.readyState != 4) {
- timeIsOut = true;
- ajaxRequest.abort();
- clearTimeout(timerID);
- }
- }, ajaxOpts.timeout);
- var method = ajaxOpts.method.toUpperCase();
- var str = url + (url.indexOf("?") == -1 ? "?" : "&") + (method == "POST" ? "" : submitStr + "&noCache=" + +new Date);
- ajaxRequest.open(method, str, ajaxOpts.async);
- ajaxRequest.onreadystatechange = function () {
- if (ajaxRequest.readyState == 4) {
- if (!timeIsOut && ajaxRequest.status == 200) {
- ajaxOpts.onsuccess(ajaxRequest);
- } else {
- ajaxOpts.onerror(ajaxRequest);
- }
- }
- };
- if (method == "POST") {
- ajaxRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
- ajaxRequest.send(submitStr);
- } else {
- ajaxRequest.send(null);
- }
- }
- };
- }();
- /**
- * @file
- * @name UE.filterWord
- * @short filterWord
- * @desc 用来过滤word粘贴过来的字符串
- * @import editor.js,core/utils.js
- * @anthor zhanyi
- */
- var filterWord = UE.filterWord = function () {
- //是否是word过来的内容
- function isWordDocument(str) {
- return /(class="?Mso|style="[^"]*\bmso\-|w:WordDocument|<v:)/ig.test(str);
- }
- //去掉小数
- function transUnit(v) {
- v = v.replace(/[\d.]+\w+/g, function (m) {
- return utils.transUnitToPx(m);
- });
- return v;
- }
- function filterPasteWord(str) {
- return str.replace(/[\t\r\n]+/g, "")
- .replace(/<!--[\s\S]*?-->/ig, "")
- //转换图片
- .replace(/<v:shape [^>]*>[\s\S]*?.<\/v:shape>/gi, function (str) {
- //opera能自己解析出image所这里直接返回空
- if (browser.opera) {
- return '';
- }
- try {
- var width = str.match(/width:([ \d.]*p[tx])/i)[1],
- height = str.match(/height:([ \d.]*p[tx])/i)[1],
- src = str.match(/src=\s*"([^"]*)"/i)[1];
- return '<img width="' + transUnit(width) + '" height="' + transUnit(height) + '" src="' + src + '" />';
- } catch (e) {
- return '';
- }
- })
- //针对wps添加的多余标签处理
- .replace(/<\/?div[^>]*>/g, '')
- //去掉多余的属性
- .replace(/v:\w+=(["']?)[^'"]+\1/g, '')
- .replace(/<(!|script[^>]*>.*?<\/script(?=[>\s])|\/?(\?xml(:\w+)?|xml|meta|link|style|\w+:\w+)(?=[\s\/>]))[^>]*>/gi, "")
- .replace(/<p [^>]*class="?MsoHeading"?[^>]*>(.*?)<\/p>/gi, "<p><strong>$1</strong></p>")
- //去掉多余的属性
- .replace(/\s+(class|lang|align)\s*=\s*(['"]?)([\w-]+)\2/ig, function (str, name, marks, val) {
- //保留list的标示
- return name == 'class' && val == 'MsoListParagraph' ? str : ''
- })
- //清除多余的font/span不能匹配 有可能是空格
- .replace(/<(font|span)[^>]*>\s*<\/\1>/gi, '')
- //处理style的问题
- .replace(/(<[a-z][^>]*)\sstyle=(["'])([^\2]*?)\2/gi, function (str, tag, tmp, style) {
- var n = [],
- s = style.replace(/^\s+|\s+$/, '')
- .replace(/'/g, '\'')
- .replace(/"/gi, "'")
- .split(/;\s*/g);
- for (var i = 0, v; v = s[i]; i++) {
- var name, value,
- parts = v.split(":");
- if (parts.length == 2) {
- name = parts[0].toLowerCase();
- value = parts[1].toLowerCase();
- if (/^(background)\w*/.test(name) && value.replace(/(initial|\s)/g, '').length == 0
- ||
- /^(margin)\w*/.test(name) && /^0\w+$/.test(value)
- ) {
- continue;
- }
- switch (name) {
- case "mso-padding-alt":
- case "mso-padding-top-alt":
- case "mso-padding-right-alt":
- case "mso-padding-bottom-alt":
- case "mso-padding-left-alt":
- case "mso-margin-alt":
- case "mso-margin-top-alt":
- case "mso-margin-right-alt":
- case "mso-margin-bottom-alt":
- case "mso-margin-left-alt":
- //ie下会出现挤到一起的情况
- //case "mso-table-layout-alt":
- case "mso-height":
- case "mso-width":
- case "mso-vertical-align-alt":
- //trace:1819 ff下会解析出padding在table上
- if (!/<table/.test(tag))
- n[i] = name.replace(/^mso-|-alt$/g, "") + ":" + transUnit(value);
- continue;
- case "horiz-align":
- n[i] = "text-align:" + value;
- continue;
- case "vert-align":
- n[i] = "vertical-align:" + value;
- continue;
- case "font-color":
- case "mso-foreground":
- n[i] = "color:" + value;
- continue;
- case "mso-background":
- case "mso-highlight":
- n[i] = "background:" + value;
- continue;
- case "mso-default-height":
- n[i] = "min-height:" + transUnit(value);
- continue;
- case "mso-default-width":
- n[i] = "min-width:" + transUnit(value);
- continue;
- case "mso-padding-between-alt":
- n[i] = "border-collapse:separate;border-spacing:" + transUnit(value);
- continue;
- case "text-line-through":
- if ((value == "single") || (value == "double")) {
- n[i] = "text-decoration:line-through";
- }
- continue;
- case "mso-zero-height":
- if (value == "yes") {
- n[i] = "display:none";
- }
- continue;
- case 'background':
- break;
- case 'margin':
- if (!/[1-9]/.test(value)) {
- continue;
- }
- }
- if (/^(mso|column|font-emph|lang|layout|line-break|list-image|nav|panose|punct|row|ruby|sep|size|src|tab-|table-border|text-(?:decor|trans)|top-bar|version|vnd|word-break)/.test(name)
- ||
- /text\-indent|padding|margin/.test(name) && /\-[\d.]+/.test(value)
- ) {
- continue;
- }
- n[i] = name + ":" + parts[1];
- }
- }
- return tag + (n.length ? ' style="' + n.join(';').replace(/;{2,}/g, ';') + '"' : '');
- })
- .replace(/[\d.]+(cm|pt)/g, function (str) {
- return utils.transUnitToPx(str)
- })
- }
- return function (html) {
- return (isWordDocument(html) ? filterPasteWord(html) : html);
- };
- }();
- ///import editor.js
- ///import core/utils.js
- ///import core/dom/dom.js
- ///import core/dom/dtd.js
- ///import core/htmlparser.js
- //模拟的节点类
- //by zhanyi
- (function () {
- var uNode = UE.uNode = function (obj) {
- this.type = obj.type;
- this.data = obj.data;
- this.tagName = obj.tagName;
- this.parentNode = obj.parentNode;
- this.attrs = obj.attrs || {};
- this.children = obj.children;
- };
- var indentChar = ' ',
- breakChar = '\n';
- function insertLine(arr, current, begin) {
- arr.push(breakChar);
- return current + (begin ? 1 : -1);
- }
- function insertIndent(arr, current) {
- //插入缩进
- for (var i = 0; i < current; i++) {
- arr.push(indentChar);
- }
- }
- //创建uNode的静态方法
- //支持标签和html
- uNode.createElement = function (html) {
- if (/[<>]/.test(html)) {
- return UE.htmlparser(html).children[0]
- } else {
- return new uNode({
- type: 'element',
- children: [],
- tagName: html
- })
- }
- };
- uNode.createText = function (data) {
- return new UE.uNode({
- type: 'text',
- 'data': utils.unhtml(data || '')
- })
- };
- function nodeToHtml(node, arr, formatter, current) {
- switch (node.type) {
- case 'root':
- for (var i = 0, ci; ci = node.children[i++];) {
- //插入新行
- if (formatter && ci.type == 'element' && !dtd.$inlineWithA[ci.tagName] && i > 1) {
- insertLine(arr, current, true);
- insertIndent(arr, current)
- }
- nodeToHtml(ci, arr, formatter, current)
- }
- break;
- case 'text':
- isText(node, arr);
- break;
- case 'element':
- isElement(node, arr, formatter, current);
- break;
- case 'comment':
- isComment(node, arr, formatter);
- }
- return arr;
- }
- function isText(node, arr) {
- arr.push(node.parentNode.tagName == 'pre' ? node.data : node.data.replace(/[ ]{2}/g, ' '))
- }
- function isElement(node, arr, formatter, current) {
- var attrhtml = '';
- if (node.attrs) {
- attrhtml = [];
- var attrs = node.attrs;
- for (var a in attrs) {
- attrhtml.push(a + (attrs[a] !== undefined ? '="' + utils.unhtml(attrs[a]) + '"' : ''))
- }
- attrhtml = attrhtml.join(' ');
- }
- arr.push('<' + node.tagName +
- (attrhtml ? ' ' + attrhtml : '') +
- (dtd.$empty[node.tagName] ? '\/' : '' ) + '>'
- );
- //插入新行
- if (formatter && !dtd.$inlineWithA[node.tagName] && node.tagName != 'pre') {
- if (node.children && node.children.length) {
- current = insertLine(arr, current, true);
- insertIndent(arr, current)
- }
- }
- if (node.children && node.children.length) {
- for (var i = 0, ci; ci = node.children[i++];) {
- if (formatter && ci.type == 'element' && !dtd.$inlineWithA[ci.tagName] && i > 1) {
- insertLine(arr, current);
- insertIndent(arr, current)
- }
- nodeToHtml(ci, arr, formatter, current)
- }
- }
- if (!dtd.$empty[node.tagName]) {
- if (formatter && !dtd.$inlineWithA[node.tagName] && node.tagName != 'pre') {
- if (node.children && node.children.length) {
- current = insertLine(arr, current);
- insertIndent(arr, current)
- }
- }
- arr.push('<\/' + node.tagName + '>');
- }
- }
- function isComment(node, arr) {
- arr.push('<!--' + node.data + '-->');
- }
- function getNodeById(root, id) {
- var node;
- if (root.type == 'element' && root.getAttr('id') == id) {
- return root;
- }
- if (root.children && root.children.length) {
- for (var i = 0, ci; ci = root.children[i++];) {
- if (node = getNodeById(ci, id)) {
- return node;
- }
- }
- }
- }
- function getNodesByTagName(node, tagName, arr) {
- if (node.type == 'element' && node.tagName == tagName) {
- arr.push(node);
- }
- if (node.children && node.children.length) {
- for (var i = 0, ci; ci = node.children[i++];) {
- getNodesByTagName(ci, tagName, arr)
- }
- }
- }
- function nodeTraversal(root, fn) {
- if (root.children && root.children.length) {
- for (var i = 0, ci; ci = root.children[i];) {
- nodeTraversal(ci, fn);
- //ci被替换的情况,这里就不再走 fn了
- if (ci.parentNode) {
- if (ci.children && ci.children.length) {
- fn(ci)
- }
- if (ci.parentNode) i++
- }
- }
- } else {
- fn(root)
- }
- }
- uNode.prototype = {
- toHtml: function (formatter) {
- var arr = [];
- nodeToHtml(this, arr, formatter, 0);
- return arr.join('')
- },
- innerHTML: function (htmlstr) {
- if (this.type != 'element' || dtd.$empty[this.tagName]) {
- return this;
- }
- if (utils.isString(htmlstr)) {
- if (this.children) {
- for (var i = 0, ci; ci = this.children[i++];) {
- ci.parentNode = null;
- }
- }
- this.children = [];
- var tmpRoot = UE.htmlparser(htmlstr);
- for (var i = 0, ci; ci = tmpRoot.children[i++];) {
- this.children.push(ci);
- ci.parentNode = this;
- }
- return this;
- } else {
- var tmpRoot = new UE.uNode({
- type: 'root',
- children: this.children
- });
- return tmpRoot.toHtml();
- }
- },
- innerText: function (textStr) {
- if (this.type != 'element' || dtd.$empty[this.tagName]) {
- return this;
- }
- if (textStr) {
- if (this.children) {
- for (var i = 0, ci; ci = this.children[i++];) {
- ci.parentNode = null;
- }
- }
- this.children = [];
- this.appendChild(uNode.createText(textStr));
- return this;
- } else {
- return this.toHtml().replace(/<[^>]+>/g, '');
- }
- },
- getData: function () {
- if (this.type == 'element')
- return '';
- return this.data
- },
- firstChild: function () {
- // if (this.type != 'element' || dtd.$empty[this.tagName]) {
- // return this;
- // }
- return this.children ? this.children[0] : null;
- },
- lastChild: function () {
- // if (this.type != 'element' || dtd.$empty[this.tagName] ) {
- // return this;
- // }
- return this.children ? this.children[this.children.length - 1] : null;
- },
- previousSibling: function () {
- var parent = this.parentNode;
- for (var i = 0, ci; ci = parent.children[i]; i++) {
- if (ci === this) {
- return i == 0 ? null : parent.children[i - 1];
- }
- }
- },
- nextSibling: function () {
- var parent = this.parentNode;
- for (var i = 0, ci; ci = parent.children[i++];) {
- if (ci === this) {
- return parent.children[i];
- }
- }
- },
- replaceChild: function (target, source) {
- if (this.children) {
- if (target.parentNode) {
- target.parentNode.removeChild(target);
- }
- for (var i = 0, ci; ci = this.children[i]; i++) {
- if (ci === source) {
- this.children.splice(i, 1, target);
- source.parentNode = null;
- target.parentNode = this;
- return target;
- }
- }
- }
- },
- appendChild: function (node) {
- if (this.type == 'root' || (this.type == 'element' && !dtd.$empty[this.tagName])) {
- if (!this.children) {
- this.children = []
- }
- if (node.parentNode) {
- node.parentNode.removeChild(node);
- }
- for (var i = 0, ci; ci = this.children[i]; i++) {
- if (ci === node) {
- this.children.splice(i, 1);
- break;
- }
- }
- this.children.push(node);
- node.parentNode = this;
- return node;
- }
- },
- insertBefore: function (target, source) {
- if (this.children) {
- if (target.parentNode) {
- target.parentNode.removeChild(target);
- }
- for (var i = 0, ci; ci = this.children[i]; i++) {
- if (ci === source) {
- this.children.splice(i, 0, target);
- target.parentNode = this;
- return target;
- }
- }
- }
- },
- insertAfter: function (target, source) {
- if (this.children) {
- if (target.parentNode) {
- target.parentNode.removeChild(target);
- }
- for (var i = 0, ci; ci = this.children[i]; i++) {
- if (ci === source) {
- this.children.splice(i + 1, 0, target);
- target.parentNode = this;
- return target;
- }
- }
- }
- },
- removeChild: function (node, keepChildren) {
- if (this.children) {
- for (var i = 0, ci; ci = this.children[i]; i++) {
- if (ci === node) {
- this.children.splice(i, 1);
- ci.parentNode = null;
- if (keepChildren && ci.children && ci.children.length) {
- for (var j = 0, cj; cj = ci.children[j]; j++) {
- this.children.splice(i + j, 0, cj);
- cj.parentNode = this;
- }
- }
- return ci;
- }
- }
- }
- },
- getAttr: function (attrName) {
- return this.attrs && this.attrs[attrName.toLowerCase()]
- },
- setAttr: function (attrName, attrVal) {
- if (!attrName) {
- delete this.attrs;
- return;
- }
- if (!this.attrs) {
- this.attrs = {};
- }
- if (utils.isObject(attrName)) {
- for (var a in attrName) {
- if (!attrName[a]) {
- delete this.attrs[a]
- } else {
- this.attrs[a.toLowerCase()] = attrName[a];
- }
- }
- } else {
- if (!attrVal) {
- delete this.attrs[attrName]
- } else {
- this.attrs[attrName.toLowerCase()] = attrVal;
- }
- }
- },
- getIndex: function () {
- var parent = this.parentNode;
- for (var i = 0, ci; ci = parent.children[i]; i++) {
- if (ci === this) {
- return i;
- }
- }
- return -1;
- },
- getNodeById: function (id) {
- var node;
- if (this.children && this.children.length) {
- for (var i = 0, ci; ci = this.children[i++];) {
- if (node = getNodeById(ci, id)) {
- return node;
- }
- }
- }
- },
- getNodesByTagName: function (tagNames) {
- tagNames = utils.trim(tagNames).replace(/[ ]{2,}/g, ' ').split(' ');
- var arr = [], me = this;
- utils.each(tagNames, function (tagName) {
- if (me.children && me.children.length) {
- for (var i = 0, ci; ci = me.children[i++];) {
- getNodesByTagName(ci, tagName, arr)
- }
- }
- });
- return arr;
- },
- getStyle: function (name) {
- var cssStyle = this.getAttr('style');
- if (!cssStyle) {
- return ''
- }
- var reg = new RegExp(name + ':([^;]+)', 'i');
- var match = cssStyle.match(reg);
- if (match && match[0]) {
- return match[1]
- }
- return '';
- },
- setStyle: function (name, val) {
- function exec(name, val) {
- var reg = new RegExp(name + ':([^;]+;?)', 'gi');
- cssStyle = cssStyle.replace(reg, '');
- if (val) {
- cssStyle = name + ':' + utils.unhtml(val) + ';' + cssStyle
- }
- }
- var cssStyle = this.getAttr('style');
- if (!cssStyle) {
- cssStyle = '';
- }
- if (utils.isObject(name)) {
- for (var a in name) {
- exec(a, name[a])
- }
- } else {
- exec(name, val)
- }
- this.setAttr('style', utils.trim(cssStyle))
- },
- traversal: function (fn) {
- if (this.children && this.children.length) {
- nodeTraversal(this, fn);
- }
- return this;
- }
- }
- })();
- //html字符串转换成uNode节点
- //by zhanyi
- var htmlparser = UE.htmlparser = function (htmlstr, ignoreBlank) {
- var re_tag = /<(?:(?:\/([^>]+)>)|(?:!--([\S|\s]*?)-->)|(?:([^\s\/>]+)\s*((?:(?:"[^"]*")|(?:'[^']*')|[^"'<>])*)\/?>))/g,
- re_attr = /([\w\-:.]+)(?:(?:\s*=\s*(?:(?:"([^"]*)")|(?:'([^']*)')|([^\s>]+)))|(?=\s|$))/g;
- //ie下取得的html可能会有\n存在,要去掉,在处理replace(/[\t\r\n]*/g,'');代码高量的\n不能去除
- var allowEmptyTags = {
- b: 1, code: 1, i: 1, u: 1, strike: 1, s: 1, tt: 1, strong: 1, q: 1, samp: 1, em: 1, span: 1,
- sub: 1, img: 1, sup: 1, font: 1, big: 1, small: 1, iframe: 1, a: 1, br: 1, pre: 1
- };
- htmlstr = htmlstr.replace(new RegExp(domUtils.fillChar, 'g'), '');
- if (!ignoreBlank) {
- htmlstr = htmlstr.replace(new RegExp('[\\r\\t\\n' + (ignoreBlank ? '' : ' ') + ']*<\/?(\\w+)\\s*(?:[^>]*)>[\\r\\t\\n' + (ignoreBlank ? '' : ' ') + ']*', 'g'), function (a, b) {
- //br暂时单独处理
- if (b && allowEmptyTags[b.toLowerCase()]) {
- return a.replace(/(^[\n\r]+)|([\n\r]+$)/g, '');
- }
- return a.replace(new RegExp('^[\\r\\n' + (ignoreBlank ? '' : ' ') + ']+'), '').replace(new RegExp('[\\r\\n' + (ignoreBlank ? '' : ' ') + ']+$'), '');
- });
- }
- var uNode = UE.uNode,
- needParentNode = {
- 'td': 'tr',
- 'tr': ['tbody', 'thead', 'tfoot'],
- 'tbody': 'table',
- 'th': 'tr',
- 'thead': 'table',
- 'tfoot': 'table',
- 'caption': 'table',
- 'li': ['ul', 'ol'],
- 'dt': 'dl',
- 'dd': 'dl',
- 'option': 'select'
- },
- needChild = {
- 'ol': 'li',
- 'ul': 'li'
- };
- function text(parent, data) {
- if (needChild[parent.tagName]) {
- var tmpNode = uNode.createElement(needChild[parent.tagName]);
- parent.appendChild(tmpNode);
- tmpNode.appendChild(uNode.createText(data));
- parent = tmpNode;
- } else {
- parent.appendChild(uNode.createText(data));
- }
- }
- function element(parent, tagName, htmlattr) {
- var needParentTag;
- if (needParentTag = needParentNode[tagName]) {
- var tmpParent = parent, hasParent;
- while (tmpParent.type != 'root') {
- if (utils.isArray(needParentTag) ? utils.indexOf(needParentTag, tmpParent.tagName) != -1 : needParentTag == tmpParent.tagName) {
- parent = tmpParent;
- hasParent = true;
- break;
- }
- tmpParent = tmpParent.parentNode;
- }
- if (!hasParent) {
- parent = element(parent, utils.isArray(needParentTag) ? needParentTag[0] : needParentTag)
- }
- }
- //按dtd处理嵌套
- // if(parent.type != 'root' && !dtd[parent.tagName][tagName])
- // parent = parent.parentNode;
- var elm = new uNode({
- parentNode: parent,
- type: 'element',
- tagName: tagName.toLowerCase(),
- //是自闭合的处理一下
- children: dtd.$empty[tagName] ? null : []
- });
- //如果属性存在,处理属性
- if (htmlattr) {
- var attrs = {}, match;
- while (match = re_attr.exec(htmlattr)) {
- attrs[match[1].toLowerCase()] = utils.unhtml(match[2] || match[3] || match[4])
- }
- elm.attrs = attrs;
- }
- parent.children.push(elm);
- //如果是自闭合节点返回父亲节点
- return dtd.$empty[tagName] ? parent : elm
- }
- function comment(parent, data) {
- parent.children.push(new uNode({
- type: 'comment',
- data: data,
- parentNode: parent
- }));
- }
- var match, currentIndex = 0, nextIndex = 0;
- //设置根节点
- var root = new uNode({
- type: 'root',
- children: []
- });
- var currentParent = root;
- while (match = re_tag.exec(htmlstr)) {
- currentIndex = match.index;
- try {
- if (currentIndex > nextIndex) {
- //text node
- text(currentParent, htmlstr.slice(nextIndex, currentIndex));
- }
- if (match[3]) {
- //start tag
- currentParent = element(currentParent, match[3].toLowerCase(), match[4]);
- } else if (match[1]) {
- if (currentParent.type != 'root') {
- var tmpParent = currentParent;
- while (currentParent.type == 'element' && currentParent.tagName != match[1].toLowerCase()) {
- currentParent = currentParent.parentNode;
- if (currentParent.type == 'root') {
- currentParent = tmpParent;
- throw 'break'
- }
- }
- //end tag
- currentParent = currentParent.parentNode;
- }
- } else if (match[2]) {
- //comment
- comment(currentParent, match[2])
- }
- } catch (e) {
- }
- nextIndex = re_tag.lastIndex;
- }
- //如果结束是文本,就有可能丢掉,所以这里手动判断一下
- //例如 <li>sdfsdfsdf<li>sdfsdfsdfsdf
- if (nextIndex < htmlstr.length) {
- text(currentParent, htmlstr.slice(nextIndex));
- }
- return root;
- };
- /**
- * @file
- * @name UE.filterNode
- * @short filterNode
- * @desc 根据给定的规则过滤节点
- * @import editor.js,core/utils.js
- * @anthor zhanyi
- */
- var filterNode = UE.filterNode = function () {
- function filterNode(node, rules) {
- switch (node.type) {
- case 'text':
- break;
- case 'element':
- var val;
- if (val = rules[node.tagName]) {
- if (val === '-') {
- node.parentNode.removeChild(node)
- } else if (utils.isFunction(val)) {
- var parentNode = node.parentNode,
- index = node.getIndex();
- val(node);
- if (node.parentNode) {
- if (node.children) {
- for (var i = 0, ci; ci = node.children[i];) {
- filterNode(ci, rules);
- if (ci.parentNode) {
- i++;
- }
- }
- }
- } else {
- for (var i = index, ci; ci = parentNode.children[i];) {
- filterNode(ci, rules);
- if (ci.parentNode) {
- i++;
- }
- }
- }
- } else {
- var attrs = val['$'];
- if (attrs && node.attrs) {
- var tmpAttrs = {}, tmpVal;
- for (var a in attrs) {
- tmpVal = node.getAttr(a);
- //todo 只先对style单独处理
- if (a == 'style' && utils.isArray(attrs[a])) {
- var tmpCssStyle = [];
- utils.each(attrs[a], function (v) {
- var tmp;
- if (tmp = node.getStyle(v)) {
- tmpCssStyle.push(v + ':' + tmp);
- }
- });
- tmpVal = tmpCssStyle.join(';')
- }
- if (tmpVal) {
- tmpAttrs[a] = tmpVal;
- }
- }
- node.attrs = tmpAttrs;
- }
- if (node.children) {
- for (var i = 0, ci; ci = node.children[i];) {
- filterNode(ci, rules);
- if (ci.parentNode) {
- i++;
- }
- }
- }
- }
- } else {
- //如果不在名单里扣出子节点并删除该节点,cdata除外
- if (dtd.$cdata[node.tagName]) {
- node.parentNode.removeChild(node)
- } else {
- var parentNode = node.parentNode,
- index = node.getIndex();
- node.parentNode.removeChild(node, true);
- for (var i = index, ci; ci = parentNode.children[i];) {
- filterNode(ci, rules);
- if (ci.parentNode) {
- i++;
- }
- }
- }
- }
- break;
- case 'comment':
- node.parentNode.removeChild(node)
- }
- }
- return function (root, rules) {
- if (utils.isEmptyObject(rules)) {
- return root;
- }
- var val;
- if (val = rules['-']) {
- utils.each(val.split(' '), function (k) {
- rules[k] = '-'
- })
- }
- for (var i = 0, ci; ci = root.children[i];) {
- filterNode(ci, rules);
- if (ci.parentNode) {
- i++;
- }
- }
- return root;
- }
- }();
- ///import core
- ///plugin 编辑器默认的过滤转换机制
- UE.plugins['defaultfilter'] = function () {
- var me = this;
- me.setOpt('allowDivTransToP', true);
- //默认的过滤处理
- //进入编辑器的内容处理
- me.addInputRule(function (root) {
- var allowDivTransToP = this.options.allowDivTransToP;
- var val;
- //进行默认的处理
- root.traversal(function (node) {
- if (node.type == 'element') {
- if (!dtd.$cdata[node.tagName] && me.options.autoClearEmptyNode && dtd.$inline[node.tagName] && !dtd.$empty[node.tagName] && (!node.attrs || utils.isEmptyObject(node.attrs))) {
- if (!node.firstChild()) node.parentNode.removeChild(node);
- else if (node.tagName == 'span' && (!node.attrs || utils.isEmptyObject(node.attrs))) {
- node.parentNode.removeChild(node, true)
- }
- return;
- }
- switch (node.tagName) {
- case 'style':
- case 'script':
- node.setAttr({
- cdata_tag: node.tagName,
- cdata_data: encodeURIComponent(node.innerText() || '')
- });
- node.tagName = 'div';
- node.removeChild(node.firstChild());
- break;
- case 'a':
- if (val = node.getAttr('href')) {
- node.setAttr('_href', val)
- }
- break;
- case 'img':
- //todo base64暂时去掉,后边做远程图片上传后,干掉这个
- if (val = node.getAttr('src')) {
- if (/^data:/.test(val)) {
- node.parentNode.removeChild(node);
- break;
- }
- }
- node.setAttr('_src', node.getAttr('src'));
- break;
- case 'span':
- if (browser.webkit && (val = node.getStyle('white-space'))) {
- if (/nowrap|normal/.test(val)) {
- node.setStyle('white-space', '');
- if (me.options.autoClearEmptyNode && utils.isEmptyObject(node.attrs)) {
- node.parentNode.removeChild(node, true)
- }
- }
- }
- break;
- case 'p':
- if (val = node.getAttr('align')) {
- node.setAttr('align');
- node.setStyle('text-align', val)
- }
- //trace:3431
- // var cssStyle = node.getAttr('style');
- // if (cssStyle) {
- // cssStyle = cssStyle.replace(/(margin|padding)[^;]+/g, '');
- // node.setAttr('style', cssStyle)
- //
- // }
- if (!node.firstChild()) {
- node.innerHTML(browser.ie ? ' ' : '<br/>')
- }
- break;
- case 'div':
- if (node.getAttr('cdata_tag')) {
- break;
- }
- //针对代码这里不处理插入代码的div
- val = node.getAttr('class');
- if (val && /^line number\d+/.test(val)) {
- break;
- }
- if (!allowDivTransToP) {
- break;
- }
- var tmpNode, p = UE.uNode.createElement('p');
- while (tmpNode = node.firstChild()) {
- if (tmpNode.type == 'text' || !UE.dom.dtd.$block[tmpNode.tagName]) {
- p.appendChild(tmpNode);
- } else {
- if (p.firstChild()) {
- node.parentNode.insertBefore(p, node);
- p = UE.uNode.createElement('p');
- } else {
- node.parentNode.insertBefore(tmpNode, node);
- }
- }
- }
- if (p.firstChild()) {
- node.parentNode.insertBefore(p, node);
- }
- node.parentNode.removeChild(node);
- break;
- case 'dl':
- node.tagName = 'ul';
- break;
- case 'dt':
- case 'dd':
- node.tagName = 'li';
- break;
- case 'li':
- var className = node.getAttr('class');
- if (!className || !/list\-/.test(className)) {
- node.setAttr()
- }
- var tmpNodes = node.getNodesByTagName('ol ul');
- UE.utils.each(tmpNodes, function (n) {
- node.parentNode.insertAfter(n, node);
- });
- break;
- case 'td':
- case 'th':
- case 'caption':
- if (!node.children || !node.children.length) {
- node.appendChild(browser.ie ? UE.uNode.createText(' ') : UE.uNode.createElement('br'))
- }
- }
- }
- if (node.type == 'comment') {
- node.parentNode.removeChild(node);
- }
- })
- });
- //从编辑器出去的内容处理
- me.addOutputRule(function (root) {
- var val;
- root.traversal(function (node) {
- if (node.type == 'element') {
- if (me.options.autoClearEmptyNode && dtd.$inline[node.tagName] && !dtd.$empty[node.tagName] && (!node.attrs || utils.isEmptyObject(node.attrs))) {
- if (!node.firstChild()) node.parentNode.removeChild(node);
- else if (node.tagName == 'span' && (!node.attrs || utils.isEmptyObject(node.attrs))) {
- node.parentNode.removeChild(node, true)
- }
- return;
- }
- switch (node.tagName) {
- case 'div':
- if (val = node.getAttr('cdata_tag')) {
- node.tagName = val;
- node.appendChild(UE.uNode.createText(node.getAttr('cdata_data')));
- node.setAttr({cdata_tag: '', cdata_data: ''});
- }
- break;
- case 'a':
- if (val = node.getAttr('_href')) {
- node.setAttr({
- 'href': val,
- '_href': ''
- })
- }
- break;
- case 'img':
- if (val = node.getAttr('_src')) {
- node.setAttr({
- 'src': node.getAttr('_src'),
- '_src': ''
- })
- }
- }
- }
- })
- });
- };
- ///import core
- /**
- * @description 插入内容
- * @name baidu.editor.execCommand
- * @param {String} cmdName inserthtml插入内容的命令
- * @param {String} html 要插入的内容
- * @author zhanyi
- */
- UE.commands['inserthtml'] = {
- execCommand: function (command, html, notNeedFilter) {
- var me = this,
- range,
- div;
- if (!html) {
- return;
- }
- if (me.fireEvent('beforeinserthtml', html) === true) {
- return;
- }
- range = me.selection.getRange();
- div = range.document.createElement('div');
- div.style.display = 'inline';
- if (!notNeedFilter) {
- var root = UE.htmlparser(html);
- //如果给了过滤规则就先进行过滤
- if (me.options.filterRules) {
- UE.filterNode(root, me.options.filterRules);
- }
- //执行默认的处理
- me.filterInputRule(root);
- html = root.toHtml()
- }
- div.innerHTML = utils.trim(html);
- if (!range.collapsed) {
- var tmpNode = range.startContainer;
- if (domUtils.isFillChar(tmpNode)) {
- range.setStartBefore(tmpNode)
- }
- tmpNode = range.endContainer;
- if (domUtils.isFillChar(tmpNode)) {
- range.setEndAfter(tmpNode)
- }
- range.txtToElmBoundary();
- //结束边界可能放到了br的前边,要把br包含进来
- // x[xxx]<br/>
- if (range.endContainer && range.endContainer.nodeType == 1) {
- tmpNode = range.endContainer.childNodes[range.endOffset];
- if (tmpNode && domUtils.isBr(tmpNode)) {
- range.setEndAfter(tmpNode);
- }
- }
- if (range.startOffset == 0) {
- tmpNode = range.startContainer;
- if (domUtils.isBoundaryNode(tmpNode, 'firstChild')) {
- tmpNode = range.endContainer;
- if (range.endOffset == (tmpNode.nodeType == 3 ? tmpNode.nodeValue.length : tmpNode.childNodes.length) && domUtils.isBoundaryNode(tmpNode, 'lastChild')) {
- me.body.innerHTML = '<p>' + (browser.ie ? '' : '<br/>') + '</p>';
- range.setStart(me.body.firstChild, 0).collapse(true)
- }
- }
- }
- !range.collapsed && range.deleteContents();
- if (range.startContainer.nodeType == 1) {
- var child = range.startContainer.childNodes[range.startOffset], pre;
- if (child && domUtils.isBlockElm(child) && (pre = child.previousSibling) && domUtils.isBlockElm(pre)) {
- range.setEnd(pre, pre.childNodes.length).collapse();
- while (child.firstChild) {
- pre.appendChild(child.firstChild);
- }
- domUtils.remove(child);
- }
- }
- }
- var child, parent, pre, tmp, hadBreak = 0, nextNode;
- //如果当前位置选中了fillchar要干掉,要不会产生空行
- if (range.inFillChar()) {
- child = range.startContainer;
- if (domUtils.isFillChar(child)) {
- range.setStartBefore(child).collapse(true);
- domUtils.remove(child);
- } else if (domUtils.isFillChar(child, true)) {
- child.nodeValue = child.nodeValue.replace(fillCharReg, '');
- range.startOffset--;
- range.collapsed && range.collapse(true)
- }
- }
- //列表单独处理
- var li = domUtils.findParentByTagName(range.startContainer, 'li', true);
- if (li) {
- var next, last;
- while (child = div.firstChild) {
- //针对hr单独处理一下先
- while (child && (child.nodeType == 3 || !domUtils.isBlockElm(child) || child.tagName == 'HR' )) {
- next = child.nextSibling;
- range.insertNode(child).collapse();
- last = child;
- child = next;
- }
- if (child) {
- if (/^(ol|ul)$/i.test(child.tagName)) {
- while (child.firstChild) {
- last = child.firstChild;
- domUtils.insertAfter(li, child.firstChild);
- li = li.nextSibling;
- }
- domUtils.remove(child)
- } else {
- var tmpLi;
- next = child.nextSibling;
- tmpLi = me.document.createElement('li');
- domUtils.insertAfter(li, tmpLi);
- tmpLi.appendChild(child);
- last = child;
- child = next;
- li = tmpLi;
- }
- }
- }
- li = domUtils.findParentByTagName(range.startContainer, 'li', true);
- if (domUtils.isEmptyBlock(li)) {
- domUtils.remove(li)
- }
- if (last) {
- range.setStartAfter(last).collapse(true).select(true)
- }
- } else {
- while (child = div.firstChild) {
- if (hadBreak) {
- var p = me.document.createElement('p');
- while (child && (child.nodeType == 3 || !dtd.$block[child.tagName])) {
- nextNode = child.nextSibling;
- p.appendChild(child);
- child = nextNode;
- }
- if (p.firstChild) {
- child = p
- }
- }
- range.insertNode(child);
- nextNode = child.nextSibling;
- if (!hadBreak && child.nodeType == domUtils.NODE_ELEMENT && domUtils.isBlockElm(child)) {
- parent = domUtils.findParent(child, function (node) {
- return domUtils.isBlockElm(node);
- });
- if (parent && parent.tagName.toLowerCase() != 'body' && !(dtd[parent.tagName][child.nodeName] && child.parentNode === parent)) {
- if (!dtd[parent.tagName][child.nodeName]) {
- pre = parent;
- } else {
- tmp = child.parentNode;
- while (tmp !== parent) {
- pre = tmp;
- tmp = tmp.parentNode;
- }
- }
- domUtils.breakParent(child, pre || tmp);
- //去掉break后前一个多余的节点 <p>|<[p> ==> <p></p><div></div><p>|</p>
- var pre = child.previousSibling;
- domUtils.trimWhiteTextNode(pre);
- if (!pre.childNodes.length) {
- domUtils.remove(pre);
- }
- //trace:2012,在非ie的情况,切开后剩下的节点有可能不能点入光标添加br占位
- if (!browser.ie &&
- (next = child.nextSibling) &&
- domUtils.isBlockElm(next) &&
- next.lastChild && !domUtils.isBr(next.lastChild)) {
- next.appendChild(me.document.createElement('br'));
- }
- hadBreak = 1;
- }
- }
- var next = child.nextSibling;
- if (!div.firstChild && next && domUtils.isBlockElm(next)) {
- range.setStart(next, 0).collapse(true);
- break;
- }
- range.setEndAfter(child).collapse();
- }
- child = range.startContainer;
- if (nextNode && domUtils.isBr(nextNode)) {
- domUtils.remove(nextNode)
- }
- //用chrome可能有空白展位符
- if (domUtils.isBlockElm(child) && domUtils.isEmptyNode(child)) {
- if (nextNode = child.nextSibling) {
- domUtils.remove(child);
- if (nextNode.nodeType == 1 && dtd.$block[nextNode.tagName]) {
- range.setStart(nextNode, 0).collapse(true).shrinkBoundary()
- }
- } else {
- try {
- child.innerHTML = browser.ie ? domUtils.fillChar : '<br/>';
- } catch (e) {
- range.setStartBefore(child);
- domUtils.remove(child)
- }
- }
- }
- //加上true因为在删除表情等时会删两次,第一次是删的fillData
- try {
- range.select(true);
- } catch (e) {
- }
- }
- setTimeout(function () {
- range = me.selection.getRange();
- range.scrollToView(me.autoHeightEnabled, me.autoHeightEnabled ? domUtils.getXY(me.iframe).y : 0);
- me.fireEvent('afterinserthtml');
- }, 200);
- }
- };
- ///import core
- ///commands 自动排版
- ///commandsName autotypeset
- ///commandsTitle 自动排版
- /**
- * 自动排版
- * @function
- * @name baidu.editor.execCommands
- */
- UE.plugins['autotypeset'] = function () {
- this.setOpt({'autotypeset': {
- mergeEmptyline: true, //合并空行
- removeClass: true, //去掉冗余的class
- removeEmptyline: false, //去掉空行
- textAlign: "left", //段落的排版方式,可以是 left,right,center,justify 去掉这个属性表示不执行排版
- imageBlockLine: 'center', //图片的浮动方式,独占一行剧中,左右浮动,默认: center,left,right,none 去掉这个属性表示不执行排版
- pasteFilter: false, //根据规则过滤没事粘贴进来的内容
- clearFontSize: false, //去掉所有的内嵌字号,使用编辑器默认的字号
- clearFontFamily: false, //去掉所有的内嵌字体,使用编辑器默认的字体
- removeEmptyNode: false, // 去掉空节点
- //可以去掉的标签
- removeTagNames: utils.extend({div: 1}, dtd.$removeEmpty),
- indent: false, // 行首缩进
- indentValue: '2em' //行首缩进的大小
- }});
- var me = this,
- opt = me.options.autotypeset,
- remainClass = {
- 'selectTdClass': 1,
- 'pagebreak': 1,
- 'anchorclass': 1
- },
- remainTag = {
- 'li': 1
- },
- tags = {
- div: 1,
- p: 1,
- //trace:2183 这些也认为是行
- blockquote: 1, center: 1, h1: 1, h2: 1, h3: 1, h4: 1, h5: 1, h6: 1,
- span: 1
- },
- highlightCont;
- //升级了版本,但配置项目里没有autotypeset
- if (!opt) {
- return;
- }
- function isLine(node, notEmpty) {
- if (!node || node.nodeType == 3)
- return 0;
- if (domUtils.isBr(node))
- return 1;
- if (node && node.parentNode && tags[node.tagName.toLowerCase()]) {
- if (highlightCont && highlightCont.contains(node)
- ||
- node.getAttribute('pagebreak')
- ) {
- return 0;
- }
- return notEmpty ? !domUtils.isEmptyBlock(node) : domUtils.isEmptyBlock(node, new RegExp('[\\s' + domUtils.fillChar
- + ']', 'g'));
- }
- }
- function removeNotAttributeSpan(node) {
- if (!node.style.cssText) {
- domUtils.removeAttributes(node, ['style']);
- if (node.tagName.toLowerCase() == 'span' && domUtils.hasNoAttributes(node)) {
- domUtils.remove(node, true);
- }
- }
- }
- function autotype(type, html) {
- var me = this, cont;
- if (html) {
- if (!opt.pasteFilter) {
- return;
- }
- cont = me.document.createElement('div');
- cont.innerHTML = html.html;
- } else {
- cont = me.document.body;
- }
- var nodes = domUtils.getElementsByTagName(cont, '*');
- // 行首缩进,段落方向,段间距,段内间距
- for (var i = 0, ci; ci = nodes[i++];) {
- if (me.fireEvent('excludeNodeinautotype', ci) === true) {
- continue;
- }
- //font-size
- if (opt.clearFontSize && ci.style.fontSize) {
- domUtils.removeStyle(ci, 'font-size');
- removeNotAttributeSpan(ci);
- }
- //font-family
- if (opt.clearFontFamily && ci.style.fontFamily) {
- domUtils.removeStyle(ci, 'font-family');
- removeNotAttributeSpan(ci);
- }
- if (isLine(ci)) {
- //合并空行
- if (opt.mergeEmptyline) {
- var next = ci.nextSibling, tmpNode, isBr = domUtils.isBr(ci);
- while (isLine(next)) {
- tmpNode = next;
- next = tmpNode.nextSibling;
- if (isBr && (!next || next && !domUtils.isBr(next))) {
- break;
- }
- domUtils.remove(tmpNode);
- }
- }
- //去掉空行,保留占位的空行
- if (opt.removeEmptyline && domUtils.inDoc(ci, cont) && !remainTag[ci.parentNode.tagName.toLowerCase()]) {
- if (domUtils.isBr(ci)) {
- next = ci.nextSibling;
- if (next && !domUtils.isBr(next)) {
- continue;
- }
- }
- domUtils.remove(ci);
- continue;
- }
- }
- if (isLine(ci, true) && ci.tagName != 'SPAN') {
- if (opt.indent) {
- ci.style.textIndent = opt.indentValue;
- }
- if (opt.textAlign) {
- ci.style.textAlign = opt.textAlign;
- }
- // if(opt.lineHeight)
- // ci.style.lineHeight = opt.lineHeight + 'cm';
- }
- //去掉class,保留的class不去掉
- if (opt.removeClass && ci.className && !remainClass[ci.className.toLowerCase()]) {
- if (highlightCont && highlightCont.contains(ci)) {
- continue;
- }
- domUtils.removeAttributes(ci, ['class']);
- }
- //表情不处理
- if (opt.imageBlockLine && ci.tagName.toLowerCase() == 'img' && !ci.getAttribute('emotion')) {
- if (html) {
- var img = ci;
- switch (opt.imageBlockLine) {
- case 'left':
- case 'right':
- case 'none':
- var pN = img.parentNode, tmpNode, pre, next;
- while (dtd.$inline[pN.tagName] || pN.tagName == 'A') {
- pN = pN.parentNode;
- }
- tmpNode = pN;
- if (tmpNode.tagName == 'P' && domUtils.getStyle(tmpNode, 'text-align') == 'center') {
- if (!domUtils.isBody(tmpNode) && domUtils.getChildCount(tmpNode, function (node) {
- return !domUtils.isBr(node) && !domUtils.isWhitespace(node)
- }) == 1) {
- pre = tmpNode.previousSibling;
- next = tmpNode.nextSibling;
- if (pre && next && pre.nodeType == 1 && next.nodeType == 1 && pre.tagName == next.tagName && domUtils.isBlockElm(pre)) {
- pre.appendChild(tmpNode.firstChild);
- while (next.firstChild) {
- pre.appendChild(next.firstChild);
- }
- domUtils.remove(tmpNode);
- domUtils.remove(next);
- } else {
- domUtils.setStyle(tmpNode, 'text-align', '');
- }
- }
- }
- domUtils.setStyle(img, 'float', opt.imageBlockLine);
- break;
- case 'center':
- if (me.queryCommandValue('imagefloat') != 'center') {
- pN = img.parentNode;
- domUtils.setStyle(img, 'float', 'none');
- tmpNode = img;
- while (pN && domUtils.getChildCount(pN, function (node) {
- return !domUtils.isBr(node) && !domUtils.isWhitespace(node)
- }) == 1
- && (dtd.$inline[pN.tagName] || pN.tagName == 'A')) {
- tmpNode = pN;
- pN = pN.parentNode;
- }
- var pNode = me.document.createElement('p');
- domUtils.setAttributes(pNode, {
- style: 'text-align:center'
- });
- tmpNode.parentNode.insertBefore(pNode, tmpNode);
- pNode.appendChild(tmpNode);
- domUtils.setStyle(tmpNode, 'float', '');
- }
- }
- } else {
- var range = me.selection.getRange();
- range.selectNode(ci).select();
- me.execCommand('imagefloat', opt.imageBlockLine);
- }
- }
- //去掉冗余的标签
- if (opt.removeEmptyNode) {
- if (opt.removeTagNames[ci.tagName.toLowerCase()] && domUtils.hasNoAttributes(ci) && domUtils.isEmptyBlock(ci)) {
- domUtils.remove(ci);
- }
- }
- }
- if (html) {
- html.html = cont.innerHTML;
- }
- }
- if (opt.pasteFilter) {
- me.addListener('beforepaste', autotype);
- }
- me.commands['autotypeset'] = {
- execCommand: function () {
- me.removeListener('beforepaste', autotype);
- if (opt.pasteFilter) {
- me.addListener('beforepaste', autotype);
- }
- autotype.call(me)
- }
- };
- };
- ///import core
- ///commands 自动提交
- ///commandsName autosubmit
- ///commandsTitle 自动提交
- UE.plugins['autosubmit'] = function () {
- var me = this;
- me.commands['autosubmit'] = {
- execCommand: function () {
- var me = this,
- form = domUtils.findParentByTagName(me.iframe, "form", false);
- if (form) {
- if (me.fireEvent("beforesubmit") === false) {
- return;
- }
- me.sync();
- form.submit();
- }
- }
- };
- //快捷键
- me.addshortcutkey({
- "autosubmit": "ctrl+13" //手动提交
- });
- };
- ///import core
- ///commands 插入背景
- ///commandsName background
- ///commandsTitle 插入背景
- ///commandsDialog dialogs\background
- UE.plugins['background'] = function () {
- var me = this;
- me.addListener("getAllHtml", function (type, headHtml) {
- var body = this.body,
- su = domUtils.getComputedStyle(body, "background-image"),
- url = "";
- if (su.indexOf(me.options.imagePath) > 0) {
- url = su.substring(su.indexOf(me.options.imagePath), su.length - 1).replace(/"|\(|\)/ig, "");
- } else {
- url = su != "none" ? su.replace(/url\("?|"?\)/ig, "") : "";
- }
- var html = '<style type="text/css">body{';
- var bgObj = {
- "background-color": domUtils.getComputedStyle(body, "background-color") || "#ffffff",
- 'background-image': url ? 'url(' + url + ')' : '',
- 'background-repeat': domUtils.getComputedStyle(body, "background-repeat") || "",
- 'background-position': browser.ie ? (domUtils.getComputedStyle(body, "background-position-x") + " " + domUtils.getComputedStyle(body, "background-position-y")) : domUtils.getComputedStyle(body, "background-position"),
- 'height': domUtils.getComputedStyle(body, "height")
- };
- for (var name in bgObj) {
- if (bgObj.hasOwnProperty(name)) {
- html += name + ":" + bgObj[name] + ";";
- }
- }
- html += '}</style> ';
- headHtml.push(html);
- });
- }
- ///import core
- ///import plugins\inserthtml.js
- ///commands 插入图片,操作图片的对齐方式
- ///commandsName InsertImage,ImageNone,ImageLeft,ImageRight,ImageCenter
- ///commandsTitle 图片,默认,居左,居右,居中
- ///commandsDialog dialogs\image
- /**
- * Created by .
- * User: zhanyi
- * for image
- */
- UE.commands['imagefloat'] = {
- execCommand: function (cmd, align) {
- var me = this,
- range = me.selection.getRange();
- if (!range.collapsed) {
- var img = range.getClosedNode();
- if (img && img.tagName == 'IMG') {
- switch (align) {
- case 'left':
- case 'right':
- case 'none':
- var pN = img.parentNode, tmpNode, pre, next;
- while (dtd.$inline[pN.tagName] || pN.tagName == 'A') {
- pN = pN.parentNode;
- }
- tmpNode = pN;
- if (tmpNode.tagName == 'P' && domUtils.getStyle(tmpNode, 'text-align') == 'center') {
- if (!domUtils.isBody(tmpNode) && domUtils.getChildCount(tmpNode, function (node) {
- return !domUtils.isBr(node) && !domUtils.isWhitespace(node);
- }) == 1) {
- pre = tmpNode.previousSibling;
- next = tmpNode.nextSibling;
- if (pre && next && pre.nodeType == 1 && next.nodeType == 1 && pre.tagName == next.tagName && domUtils.isBlockElm(pre)) {
- pre.appendChild(tmpNode.firstChild);
- while (next.firstChild) {
- pre.appendChild(next.firstChild);
- }
- domUtils.remove(tmpNode);
- domUtils.remove(next);
- } else {
- domUtils.setStyle(tmpNode, 'text-align', '');
- }
- }
- range.selectNode(img).select();
- }
- domUtils.setStyle(img, 'float', align == 'none' ? '' : align);
- if (align == 'none') {
- domUtils.removeAttributes(img, 'align');
- }
- break;
- case 'center':
- if (me.queryCommandValue('imagefloat') != 'center') {
- pN = img.parentNode;
- domUtils.setStyle(img, 'float', '');
- domUtils.removeAttributes(img, 'align');
- tmpNode = img;
- while (pN && domUtils.getChildCount(pN, function (node) {
- return !domUtils.isBr(node) && !domUtils.isWhitespace(node);
- }) == 1
- && (dtd.$inline[pN.tagName] || pN.tagName == 'A')) {
- tmpNode = pN;
- pN = pN.parentNode;
- }
- range.setStartBefore(tmpNode).setCursor(false);
- pN = me.document.createElement('div');
- pN.appendChild(tmpNode);
- domUtils.setStyle(tmpNode, 'float', '');
- me.execCommand('insertHtml', '<p id="_img_parent_tmp" style="text-align:center">' + pN.innerHTML + '</p>');
- tmpNode = me.document.getElementById('_img_parent_tmp');
- tmpNode.removeAttribute('id');
- tmpNode = tmpNode.firstChild;
- range.selectNode(tmpNode).select();
- //去掉后边多余的元素
- next = tmpNode.parentNode.nextSibling;
- if (next && domUtils.isEmptyNode(next)) {
- domUtils.remove(next);
- }
- }
- break;
- }
- }
- }
- },
- queryCommandValue: function () {
- var range = this.selection.getRange(),
- startNode, floatStyle;
- if (range.collapsed) {
- return 'none';
- }
- startNode = range.getClosedNode();
- if (startNode && startNode.nodeType == 1 && startNode.tagName == 'IMG') {
- floatStyle = startNode.getAttribute('align') || domUtils.getComputedStyle(startNode, 'float');
- if (floatStyle == 'none') {
- floatStyle = domUtils.getComputedStyle(startNode.parentNode, 'text-align') == 'center' ? 'center' : floatStyle;
- }
- return {
- left: 1,
- right: 1,
- center: 1
- }[floatStyle] ? floatStyle : 'none';
- }
- return 'none';
- },
- queryCommandState: function () {
- var range = this.selection.getRange(),
- startNode;
- if (range.collapsed) return -1;
- startNode = range.getClosedNode();
- if (startNode && startNode.nodeType == 1 && startNode.tagName == 'IMG') {
- return 0;
- }
- return -1;
- }
- };
- UE.commands['insertimage'] = {
- execCommand: function (cmd, opt) {
- opt = utils.isArray(opt) ? opt : [opt];
- if (!opt.length) {
- return;
- }
- var me = this,
- range = me.selection.getRange(),
- img = range.getClosedNode();
- if (img && /img/i.test(img.tagName) && img.className != "edui-faked-video" && !img.getAttribute("word_img")) {
- var first = opt.shift();
- var floatStyle = first['floatStyle'];
- delete first['floatStyle'];
- //// img.style.border = (first.border||0) +"px solid #000";
- //// img.style.margin = (first.margin||0) +"px";
- // img.style.cssText += ';margin:' + (first.margin||0) +"px;" + 'border:' + (first.border||0) +"px solid #000";
- domUtils.setAttributes(img, first);
- me.execCommand('imagefloat', floatStyle);
- if (opt.length > 0) {
- range.setStartAfter(img).setCursor(false, true);
- me.execCommand('insertimage', opt);
- }
- } else {
- var html = [], str = '', ci;
- ci = opt[0];
- if (opt.length == 1) {
- str = '<img src="' + ci.src + '" ' + (ci._src ? ' _src="' + ci._src + '" ' : '') +
- (ci.width ? 'width="' + ci.width + '" ' : '') +
- (ci.height ? ' height="' + ci.height + '" ' : '') +
- (ci['floatStyle'] == 'left' || ci['floatStyle'] == 'right' ? ' style="float:' + ci['floatStyle'] + ';"' : '') +
- (ci.title && ci.title != "" ? ' title="' + ci.title + '"' : '') +
- (ci.border && ci.border != "0" ? ' border="' + ci.border + '"' : '') +
- (ci.alt && ci.alt != "" ? ' alt="' + ci.alt + '"' : '') +
- (ci.hspace && ci.hspace != "0" ? ' hspace = "' + ci.hspace + '"' : '') +
- (ci.vspace && ci.vspace != "0" ? ' vspace = "' + ci.vspace + '"' : '') + '/>';
- if (ci['floatStyle'] == 'center') {
- str = '<p style="text-align: center">' + str + '</p>';
- }
- html.push(str);
- } else {
- for (var i = 0; ci = opt[i++];) {
- str = '<p ' + (ci['floatStyle'] == 'center' ? 'style="text-align: center" ' : '') + '><img src="' + ci.src + '" ' +
- (ci.width ? 'width="' + ci.width + '" ' : '') + (ci._src ? ' _src="' + ci._src + '" ' : '') +
- (ci.height ? ' height="' + ci.height + '" ' : '') +
- ' style="' + (ci['floatStyle'] && ci['floatStyle'] != 'center' ? 'float:' + ci['floatStyle'] + ';' : '') +
- (ci.border || '') + '" ' +
- (ci.title ? ' title="' + ci.title + '"' : '') + ' /></p>';
- html.push(str);
- }
- }
- me.execCommand('insertHtml', html.join(''));
- }
- }
- };
- ///import core
- ///commands 段落格式,居左,居右,居中,两端对齐
- ///commandsName JustifyLeft,JustifyCenter,JustifyRight,JustifyJustify
- ///commandsTitle 居左对齐,居中对齐,居右对齐,两端对齐
- /**
- * @description 居左右中
- * @name baidu.editor.execCommand
- * @param {String} cmdName justify执行对齐方式的命令
- * @param {String} align 对齐方式:left居左,right居右,center居中,justify两端对齐
- * @author zhanyi
- */
- UE.plugins['justify'] = function () {
- var me = this,
- block = domUtils.isBlockElm,
- defaultValue = {
- left: 1,
- right: 1,
- center: 1,
- justify: 1
- },
- doJustify = function (range, style) {
- var bookmark = range.createBookmark(),
- filterFn = function (node) {
- return node.nodeType == 1 ? node.tagName.toLowerCase() != 'br' && !domUtils.isBookmarkNode(node) : !domUtils.isWhitespace(node);
- };
- range.enlarge(true);
- var bookmark2 = range.createBookmark(),
- current = domUtils.getNextDomNode(bookmark2.start, false, filterFn),
- tmpRange = range.cloneRange(),
- tmpNode;
- while (current && !(domUtils.getPosition(current, bookmark2.end) & domUtils.POSITION_FOLLOWING)) {
- if (current.nodeType == 3 || !block(current)) {
- tmpRange.setStartBefore(current);
- while (current && current !== bookmark2.end && !block(current)) {
- tmpNode = current;
- current = domUtils.getNextDomNode(current, false, null, function (node) {
- return !block(node);
- });
- }
- tmpRange.setEndAfter(tmpNode);
- var common = tmpRange.getCommonAncestor();
- if (!domUtils.isBody(common) && block(common)) {
- domUtils.setStyles(common, utils.isString(style) ? {'text-align': style} : style);
- current = common;
- } else {
- var p = range.document.createElement('p');
- domUtils.setStyles(p, utils.isString(style) ? {'text-align': style} : style);
- var frag = tmpRange.extractContents();
- p.appendChild(frag);
- tmpRange.insertNode(p);
- current = p;
- }
- current = domUtils.getNextDomNode(current, false, filterFn);
- } else {
- current = domUtils.getNextDomNode(current, true, filterFn);
- }
- }
- return range.moveToBookmark(bookmark2).moveToBookmark(bookmark);
- };
- UE.commands['justify'] = {
- execCommand: function (cmdName, align) {
- var range = this.selection.getRange(),
- txt;
- //闭合时单独处理
- if (range.collapsed) {
- txt = this.document.createTextNode('p');
- range.insertNode(txt);
- }
- doJustify(range, align);
- if (txt) {
- range.setStartBefore(txt).collapse(true);
- domUtils.remove(txt);
- }
- range.select();
- return true;
- },
- queryCommandValue: function () {
- var startNode = this.selection.getStart(),
- value = domUtils.getComputedStyle(startNode, 'text-align');
- return defaultValue[value] ? value : 'left';
- },
- queryCommandState: function () {
- var start = this.selection.getStart(),
- cell = start && domUtils.findParentByTagName(start, ["td", "th", "caption"], true);
- return cell ? -1 : 0;
- }
- };
- };
- ///import core
- ///import plugins\removeformat.js
- ///commands 字体颜色,背景色,字号,字体,下划线,删除线
- ///commandsName ForeColor,BackColor,FontSize,FontFamily,Underline,StrikeThrough
- ///commandsTitle 字体颜色,背景色,字号,字体,下划线,删除线
- /**
- * @description 字体
- * @name baidu.editor.execCommand
- * @param {String} cmdName 执行的功能名称
- * @param {String} value 传入的值
- */
- UE.plugins['font'] = function () {
- var me = this,
- fonts = {
- 'forecolor': 'color',
- 'backcolor': 'background-color',
- 'fontsize': 'font-size',
- 'fontfamily': 'font-family',
- 'underline': 'text-decoration',
- 'strikethrough': 'text-decoration',
- 'fontborder': 'border'
- },
- needCmd = {'underline': 1, 'strikethrough': 1, 'fontborder': 1},
- needSetChild = {
- 'forecolor': 'color',
- 'backcolor': 'background-color',
- 'fontsize': 'font-size',
- 'fontfamily': 'font-family'
- };
- me.setOpt({
- 'fontfamily': [
- { name: 'songti', val: '宋体,SimSun'},
- { name: 'yahei', val: '微软雅黑,Microsoft YaHei'},
- { name: 'kaiti', val: '楷体,楷体_GB2312, SimKai'},
- { name: 'heiti', val: '黑体, SimHei'},
- { name: 'lishu', val: '隶书, SimLi'},
- { name: 'andaleMono', val: 'andale mono'},
- { name: 'arial', val: 'arial, helvetica,sans-serif'},
- { name: 'arialBlack', val: 'arial black,avant garde'},
- { name: 'comicSansMs', val: 'comic sans ms'},
- { name: 'impact', val: 'impact,chicago'},
- { name: 'timesNewRoman', val: 'times new roman'}
- ],
- 'fontsize': [10, 11, 12, 14, 16, 18, 20, 24, 36]
- });
- function mergeWithParent(node) {
- var parent;
- while (parent = node.parentNode) {
- if (parent.tagName == 'SPAN' && domUtils.getChildCount(parent, function (child) {
- return !domUtils.isBookmarkNode(child) && !domUtils.isBr(child)
- }) == 1) {
- parent.style.cssText += node.style.cssText;
- domUtils.remove(node, true);
- node = parent;
- } else {
- break;
- }
- }
- }
- function mergeChild(rng, cmdName, value) {
- if (needSetChild[cmdName]) {
- rng.adjustmentBoundary();
- if (!rng.collapsed && rng.startContainer.nodeType == 1) {
- var start = rng.startContainer.childNodes[rng.startOffset];
- if (start && domUtils.isTagNode(start, 'span')) {
- var bk = rng.createBookmark();
- utils.each(domUtils.getElementsByTagName(start, 'span'), function (span) {
- if (!span.parentNode || domUtils.isBookmarkNode(span))return;
- if (cmdName == 'backcolor' && domUtils.getComputedStyle(span, 'background-color').toLowerCase() === value) {
- return;
- }
- domUtils.removeStyle(span, needSetChild[cmdName]);
- if (span.style.cssText.replace(/^\s+$/, '').length == 0) {
- domUtils.remove(span, true)
- }
- });
- rng.moveToBookmark(bk)
- }
- }
- }
- }
- function mergesibling(rng, cmdName, value) {
- var collapsed = rng.collapsed,
- bk = rng.createBookmark(), common;
- if (collapsed) {
- common = bk.start.parentNode;
- while (dtd.$inline[common.tagName]) {
- common = common.parentNode;
- }
- } else {
- common = domUtils.getCommonAncestor(bk.start, bk.end);
- }
- utils.each(domUtils.getElementsByTagName(common, 'span'), function (span) {
- if (!span.parentNode || domUtils.isBookmarkNode(span))return;
- if (/\s*border\s*:\s*none;?\s*/i.test(span.style.cssText)) {
- if (/^\s*border\s*:\s*none;?\s*$/.test(span.style.cssText)) {
- domUtils.remove(span, true);
- } else {
- domUtils.removeStyle(span, 'border');
- }
- return
- }
- if (/border/i.test(span.style.cssText) && span.parentNode.tagName == 'SPAN' && /border/i.test(span.parentNode.style.cssText)) {
- span.style.cssText = span.style.cssText.replace(/border[^:]*:[^;]+;?/gi, '');
- }
- if (!(cmdName == 'fontborder' && value == 'none')) {
- var next = span.nextSibling;
- while (next && next.nodeType == 1 && next.tagName == 'SPAN') {
- if (domUtils.isBookmarkNode(next) && cmdName == 'fontborder') {
- span.appendChild(next);
- next = span.nextSibling;
- continue;
- }
- if (next.style.cssText == span.style.cssText) {
- domUtils.moveChild(next, span);
- domUtils.remove(next);
- }
- if (span.nextSibling === next)
- break;
- next = span.nextSibling;
- }
- }
- mergeWithParent(span);
- if (browser.ie && browser.version > 8) {
- //拷贝父亲们的特别的属性,这里只做背景颜色的处理
- var parent = domUtils.findParent(span, function (n) {
- return n.tagName == 'SPAN' && /background-color/.test(n.style.cssText)
- });
- if (parent && !/background-color/.test(span.style.cssText)) {
- span.style.backgroundColor = parent.style.backgroundColor;
- }
- }
- });
- rng.moveToBookmark(bk);
- mergeChild(rng, cmdName, value)
- }
- me.addInputRule(function (root) {
- utils.each(root.getNodesByTagName('u s del font strike'), function (node) {
- if (node.tagName == 'font') {
- var cssStyle = [];
- for (var p in node.attrs) {
- switch (p) {
- case 'size':
- cssStyle.push('font-size:' + node.attrs[p] + 'px');
- break;
- case 'color':
- cssStyle.push('color:' + node.attrs[p]);
- break;
- case 'face':
- cssStyle.push('font-family:' + node.attrs[p]);
- break;
- case 'style':
- cssStyle.push(node.attrs[p]);
- }
- }
- node.attrs = {
- 'style': cssStyle.join(';')
- };
- } else {
- var val = node.tagName == 'u' ? 'underline' : 'line-through';
- node.attrs = {
- 'style': (node.getAttr('style') || '') + 'text-decoration:' + val + ';'
- }
- }
- node.tagName = 'span';
- });
- // utils.each(root.getNodesByTagName('span'), function (node) {
- // var val;
- // if(val = node.getAttr('class')){
- // if(/fontstrikethrough/.test(val)){
- // node.setStyle('text-decoration','line-through');
- // if(node.attrs['class']){
- // node.attrs['class'] = node.attrs['class'].replace(/fontstrikethrough/,'');
- // }else{
- // node.setAttr('class')
- // }
- // }
- // if(/fontborder/.test(val)){
- // node.setStyle('border','1px solid #000');
- // if(node.attrs['class']){
- // node.attrs['class'] = node.attrs['class'].replace(/fontborder/,'');
- // }else{
- // node.setAttr('class')
- // }
- // }
- // }
- // });
- });
- // me.addOutputRule(function(root){
- // utils.each(root.getNodesByTagName('span'), function (node) {
- // var val;
- // if(val = node.getStyle('text-decoration')){
- // if(/line-through/.test(val)){
- // if(node.attrs['class']){
- // node.attrs['class'] += ' fontstrikethrough';
- // }else{
- // node.setAttr('class','fontstrikethrough')
- // }
- // }
- //
- // node.setStyle('text-decoration')
- // }
- // if(val = node.getStyle('border')){
- // if(/1px/.test(val) && /solid/.test(val)){
- // if(node.attrs['class']){
- // node.attrs['class'] += ' fontborder';
- //
- // }else{
- // node.setAttr('class','fontborder')
- // }
- // }
- // node.setStyle('border')
- //
- // }
- // });
- // });
- for (var p in fonts) {
- (function (cmd, style) {
- UE.commands[cmd] = {
- execCommand: function (cmdName, value) {
- value = value || (this.queryCommandState(cmdName) ? 'none' : cmdName == 'underline' ? 'underline' :
- cmdName == 'fontborder' ? '1px solid #000' :
- 'line-through');
- var me = this,
- range = this.selection.getRange(),
- text;
- if (value == 'default') {
- if (range.collapsed) {
- text = me.document.createTextNode('font');
- range.insertNode(text).select();
- }
- me.execCommand('removeFormat', 'span,a', style);
- if (text) {
- range.setStartBefore(text).collapse(true);
- domUtils.remove(text);
- }
- mergesibling(range, cmdName, value);
- range.select()
- } else {
- if (!range.collapsed) {
- if (needCmd[cmd] && me.queryCommandValue(cmd)) {
- me.execCommand('removeFormat', 'span,a', style);
- }
- range = me.selection.getRange();
- range.applyInlineStyle('span', {'style': style + ':' + value});
- mergesibling(range, cmdName, value);
- range.select();
- } else {
- var span = domUtils.findParentByTagName(range.startContainer, 'span', true);
- text = me.document.createTextNode('font');
- if (span && !span.children.length && !span[browser.ie ? 'innerText' : 'textContent'].replace(fillCharReg, '').length) {
- //for ie hack when enter
- range.insertNode(text);
- if (needCmd[cmd]) {
- range.selectNode(text).select();
- me.execCommand('removeFormat', 'span,a', style, null);
- span = domUtils.findParentByTagName(text, 'span', true);
- range.setStartBefore(text);
- }
- span && (span.style.cssText += ';' + style + ':' + value);
- range.collapse(true).select();
- } else {
- range.insertNode(text);
- range.selectNode(text).select();
- span = range.document.createElement('span');
- if (needCmd[cmd]) {
- //a标签内的不处理跳过
- if (domUtils.findParentByTagName(text, 'a', true)) {
- range.setStartBefore(text).setCursor();
- domUtils.remove(text);
- return;
- }
- me.execCommand('removeFormat', 'span,a', style);
- }
- span.style.cssText = style + ':' + value;
- text.parentNode.insertBefore(span, text);
- //修复,span套span 但样式不继承的问题
- if (!browser.ie || browser.ie && browser.version == 9) {
- var spanParent = span.parentNode;
- while (!domUtils.isBlockElm(spanParent)) {
- if (spanParent.tagName == 'SPAN') {
- //opera合并style不会加入";"
- span.style.cssText = spanParent.style.cssText + ";" + span.style.cssText;
- }
- spanParent = spanParent.parentNode;
- }
- }
- if (opera) {
- setTimeout(function () {
- range.setStart(span, 0).collapse(true);
- mergesibling(range, cmdName, value);
- range.select();
- });
- } else {
- range.setStart(span, 0).collapse(true);
- mergesibling(range, cmdName, value);
- range.select();
- }
- //trace:981
- //domUtils.mergeToParent(span)
- }
- domUtils.remove(text);
- }
- }
- return true;
- },
- queryCommandValue: function (cmdName) {
- var startNode = this.selection.getStart();
- //trace:946
- if (cmdName == 'underline' || cmdName == 'strikethrough') {
- var tmpNode = startNode, value;
- while (tmpNode && !domUtils.isBlockElm(tmpNode) && !domUtils.isBody(tmpNode)) {
- if (tmpNode.nodeType == 1) {
- value = domUtils.getComputedStyle(tmpNode, style);
- if (value != 'none') {
- return value;
- }
- }
- tmpNode = tmpNode.parentNode;
- }
- return 'none';
- }
- if (cmdName == 'fontborder') {
- var tmp = startNode, val;
- while (tmp && dtd.$inline[tmp.tagName]) {
- if (val = domUtils.getComputedStyle(tmp, 'border')) {
- if (/1px/.test(val) && /solid/.test(val)) {
- return val;
- }
- }
- tmp = tmp.parentNode;
- }
- return ''
- }
- if (cmdName == 'FontSize') {
- var styleVal = domUtils.getComputedStyle(startNode, style),
- tmp = /^([\d\.]+)(\w+)$/.exec(styleVal);
- if (tmp) {
- return Math.floor(tmp[1]) + tmp[2];
- }
- return styleVal;
- }
- return domUtils.getComputedStyle(startNode, style);
- },
- queryCommandState: function (cmdName) {
- if (!needCmd[cmdName])
- return 0;
- var val = this.queryCommandValue(cmdName);
- if (cmdName == 'fontborder') {
- return /1px/.test(val) && /solid/.test(val)
- } else {
- return val == (cmdName == 'underline' ?
- 'underline' : 'line-through');
- }
- }
- };
- })(p, fonts[p]);
- }
- };
- ///import core
- ///commands 超链接,取消链接
- ///commandsName Link,Unlink
- ///commandsTitle 超链接,取消链接
- ///commandsDialog dialogs\link
- /**
- * 超链接
- * @function
- * @name baidu.editor.execCommand
- * @param {String} cmdName link插入超链接
- * @param {Object} options url地址,title标题,target是否打开新页
- * @author zhanyi
- */
- /**
- * 取消链接
- * @function
- * @name baidu.editor.execCommand
- * @param {String} cmdName unlink取消链接
- * @author zhanyi
- */
- UE.plugins['link'] = function () {
- function optimize(range) {
- var start = range.startContainer, end = range.endContainer;
- if (start = domUtils.findParentByTagName(start, 'a', true)) {
- range.setStartBefore(start);
- }
- if (end = domUtils.findParentByTagName(end, 'a', true)) {
- range.setEndAfter(end);
- }
- }
- UE.commands['unlink'] = {
- execCommand: function () {
- var range = this.selection.getRange(),
- bookmark;
- if (range.collapsed && !domUtils.findParentByTagName(range.startContainer, 'a', true)) {
- return;
- }
- bookmark = range.createBookmark();
- optimize(range);
- range.removeInlineStyle('a').moveToBookmark(bookmark).select();
- },
- queryCommandState: function () {
- return !this.highlight && this.queryCommandValue('link') ? 0 : -1;
- }
- };
- function doLink(range, opt, me) {
- var rngClone = range.cloneRange(),
- link = me.queryCommandValue('link');
- optimize(range = range.adjustmentBoundary());
- var start = range.startContainer;
- if (start.nodeType == 1 && link) {
- start = start.childNodes[range.startOffset];
- if (start && start.nodeType == 1 && start.tagName == 'A' && /^(?:https?|ftp|file)\s*:\s*\/\//.test(start[browser.ie ? 'innerText' : 'textContent'])) {
- start[browser.ie ? 'innerText' : 'textContent'] = utils.html(opt.textValue || opt.href);
- }
- }
- if (!rngClone.collapsed || link) {
- range.removeInlineStyle('a');
- rngClone = range.cloneRange();
- }
- if (rngClone.collapsed) {
- var a = range.document.createElement('a'),
- text = '';
- if (opt.textValue) {
- text = utils.html(opt.textValue);
- delete opt.textValue;
- } else {
- text = utils.html(opt.href);
- }
- domUtils.setAttributes(a, opt);
- start = domUtils.findParentByTagName(rngClone.startContainer, 'a', true);
- if (start && domUtils.isInNodeEndBoundary(rngClone, start)) {
- range.setStartAfter(start).collapse(true);
- }
- a[browser.ie ? 'innerText' : 'textContent'] = text;
- range.insertNode(a).selectNode(a);
- } else {
- range.applyInlineStyle('a', opt);
- }
- }
- UE.commands['link'] = {
- execCommand: function (cmdName, opt) {
- var range;
- opt._href && (opt._href = utils.unhtml(opt._href, /[<">]/g));
- opt.href && (opt.href = utils.unhtml(opt.href, /[<">]/g));
- opt.textValue && (opt.textValue = utils.unhtml(opt.textValue, /[<">]/g));
- doLink(range = this.selection.getRange(), opt, this);
- //闭合都不加占位符,如果加了会在a后边多个占位符节点,导致a是图片背景组成的列表,出现空白问题
- range.collapse().select(true);
- },
- queryCommandValue: function () {
- var range = this.selection.getRange(),
- node;
- if (range.collapsed) {
- // node = this.selection.getStart();
- //在ie下getstart()取值偏上了
- node = range.startContainer;
- node = node.nodeType == 1 ? node : node.parentNode;
- if (node && (node = domUtils.findParentByTagName(node, 'a', true)) && !domUtils.isInNodeEndBoundary(range, node)) {
- return node;
- }
- } else {
- //trace:1111 如果是<p><a>xx</a></p> startContainer是p就会找不到a
- range.shrinkBoundary();
- var start = range.startContainer.nodeType == 3 || !range.startContainer.childNodes[range.startOffset] ? range.startContainer : range.startContainer.childNodes[range.startOffset],
- end = range.endContainer.nodeType == 3 || range.endOffset == 0 ? range.endContainer : range.endContainer.childNodes[range.endOffset - 1],
- common = range.getCommonAncestor();
- node = domUtils.findParentByTagName(common, 'a', true);
- if (!node && common.nodeType == 1) {
- var as = common.getElementsByTagName('a'),
- ps, pe;
- for (var i = 0, ci; ci = as[i++];) {
- ps = domUtils.getPosition(ci, start), pe = domUtils.getPosition(ci, end);
- if ((ps & domUtils.POSITION_FOLLOWING || ps & domUtils.POSITION_CONTAINS)
- &&
- (pe & domUtils.POSITION_PRECEDING || pe & domUtils.POSITION_CONTAINS)
- ) {
- node = ci;
- break;
- }
- }
- }
- return node;
- }
- },
- queryCommandState: function () {
- //判断如果是视频的话连接不可用
- //fix 853
- var img = this.selection.getRange().getClosedNode(),
- flag = img && (img.className == "edui-faked-video");
- return flag ? -1 : 0;
- }
- };
- };
- ///import core
- ///import plugins\inserthtml.js
- ///commands 插入框架
- ///commandsName InsertFrame
- ///commandsTitle 插入Iframe
- ///commandsDialog dialogs\insertframe
- UE.plugins['insertframe'] = function () {
- var me = this;
- function deleteIframe() {
- me._iframe && delete me._iframe;
- }
- me.addListener("selectionchange", function () {
- deleteIframe();
- });
- };
- ///import core
- ///commands 涂鸦
- ///commandsName Scrawl
- ///commandsTitle 涂鸦
- ///commandsDialog dialogs\scrawl
- UE.commands['scrawl'] = {
- queryCommandState: function () {
- return ( browser.ie && browser.version <= 8 ) ? -1 : 0;
- }
- };
- ///import core
- ///commands 清除格式
- ///commandsName RemoveFormat
- ///commandsTitle 清除格式
- /**
- * @description 清除格式
- * @name baidu.editor.execCommand
- * @param {String} cmdName removeformat清除格式命令
- * @param {String} tags 以逗号隔开的标签。如:span,a
- * @param {String} style 样式
- * @param {String} attrs 属性
- * @param {String} notIncluedA 是否把a标签切开
- * @author zhanyi
- */
- UE.plugins['removeformat'] = function () {
- var me = this;
- me.setOpt({
- 'removeFormatTags': 'b,big,code,del,dfn,em,font,i,ins,kbd,q,samp,small,span,strike,strong,sub,sup,tt,u,var',
- 'removeFormatAttributes': 'class,style,lang,width,height,align,hspace,valign'
- });
- me.commands['removeformat'] = {
- execCommand: function (cmdName, tags, style, attrs, notIncludeA) {
- var tagReg = new RegExp('^(?:' + (tags || this.options.removeFormatTags).replace(/,/g, '|') + ')$', 'i') ,
- removeFormatAttributes = style ? [] : (attrs || this.options.removeFormatAttributes).split(','),
- range = new dom.Range(this.document),
- bookmark, node, parent,
- filter = function (node) {
- return node.nodeType == 1;
- };
- function isRedundantSpan(node) {
- if (node.nodeType == 3 || node.tagName.toLowerCase() != 'span') {
- return 0;
- }
- if (browser.ie) {
- //ie 下判断实效,所以只能简单用style来判断
- //return node.style.cssText == '' ? 1 : 0;
- var attrs = node.attributes;
- if (attrs.length) {
- for (var i = 0, l = attrs.length; i < l; i++) {
- if (attrs[i].specified) {
- return 0;
- }
- }
- return 1;
- }
- }
- return !node.attributes.length;
- }
- function doRemove(range) {
- var bookmark1 = range.createBookmark();
- if (range.collapsed) {
- range.enlarge(true);
- }
- //不能把a标签切了
- if (!notIncludeA) {
- var aNode = domUtils.findParentByTagName(range.startContainer, 'a', true);
- if (aNode) {
- range.setStartBefore(aNode);
- }
- aNode = domUtils.findParentByTagName(range.endContainer, 'a', true);
- if (aNode) {
- range.setEndAfter(aNode);
- }
- }
- bookmark = range.createBookmark();
- node = bookmark.start;
- //切开始
- while ((parent = node.parentNode) && !domUtils.isBlockElm(parent)) {
- domUtils.breakParent(node, parent);
- domUtils.clearEmptySibling(node);
- }
- if (bookmark.end) {
- //切结束
- node = bookmark.end;
- while ((parent = node.parentNode) && !domUtils.isBlockElm(parent)) {
- domUtils.breakParent(node, parent);
- domUtils.clearEmptySibling(node);
- }
- //开始去除样式
- var current = domUtils.getNextDomNode(bookmark.start, false, filter),
- next;
- while (current) {
- if (current == bookmark.end) {
- break;
- }
- next = domUtils.getNextDomNode(current, true, filter);
- if (!dtd.$empty[current.tagName.toLowerCase()] && !domUtils.isBookmarkNode(current)) {
- if (tagReg.test(current.tagName)) {
- if (style) {
- domUtils.removeStyle(current, style);
- if (isRedundantSpan(current) && style != 'text-decoration') {
- domUtils.remove(current, true);
- }
- } else {
- domUtils.remove(current, true);
- }
- } else {
- //trace:939 不能把list上的样式去掉
- if (!dtd.$tableContent[current.tagName] && !dtd.$list[current.tagName]) {
- domUtils.removeAttributes(current, removeFormatAttributes);
- if (isRedundantSpan(current)) {
- domUtils.remove(current, true);
- }
- }
- }
- }
- current = next;
- }
- }
- //trace:1035
- //trace:1096 不能把td上的样式去掉,比如边框
- var pN = bookmark.start.parentNode;
- if (domUtils.isBlockElm(pN) && !dtd.$tableContent[pN.tagName] && !dtd.$list[pN.tagName]) {
- domUtils.removeAttributes(pN, removeFormatAttributes);
- }
- pN = bookmark.end.parentNode;
- if (bookmark.end && domUtils.isBlockElm(pN) && !dtd.$tableContent[pN.tagName] && !dtd.$list[pN.tagName]) {
- domUtils.removeAttributes(pN, removeFormatAttributes);
- }
- range.moveToBookmark(bookmark).moveToBookmark(bookmark1);
- //清除冗余的代码 <b><bookmark></b>
- var node = range.startContainer,
- tmp,
- collapsed = range.collapsed;
- while (node.nodeType == 1 && domUtils.isEmptyNode(node) && dtd.$removeEmpty[node.tagName]) {
- tmp = node.parentNode;
- range.setStartBefore(node);
- //trace:937
- //更新结束边界
- if (range.startContainer === range.endContainer) {
- range.endOffset--;
- }
- domUtils.remove(node);
- node = tmp;
- }
- if (!collapsed) {
- node = range.endContainer;
- while (node.nodeType == 1 && domUtils.isEmptyNode(node) && dtd.$removeEmpty[node.tagName]) {
- tmp = node.parentNode;
- range.setEndBefore(node);
- domUtils.remove(node);
- node = tmp;
- }
- }
- }
- range = this.selection.getRange();
- doRemove(range);
- range.select();
- }
- };
- };
- ///import core
- ///commands 引用
- ///commandsName BlockQuote
- ///commandsTitle 引用
- /**
- *
- * 引用模块实现
- * @function
- * @name baidu.editor.execCommand
- * @param {String} cmdName blockquote引用
- */
- UE.plugins['blockquote'] = function () {
- var me = this;
- function getObj(editor) {
- return domUtils.filterNodeList(editor.selection.getStartElementPath(), 'blockquote');
- }
- me.commands['blockquote'] = {
- execCommand: function (cmdName, attrs) {
- var range = this.selection.getRange(),
- obj = getObj(this),
- blockquote = dtd.blockquote,
- bookmark = range.createBookmark();
- if (obj) {
- var start = range.startContainer,
- startBlock = domUtils.isBlockElm(start) ? start : domUtils.findParent(start, function (node) {
- return domUtils.isBlockElm(node)
- }),
- end = range.endContainer,
- endBlock = domUtils.isBlockElm(end) ? end : domUtils.findParent(end, function (node) {
- return domUtils.isBlockElm(node)
- });
- //处理一下li
- startBlock = domUtils.findParentByTagName(startBlock, 'li', true) || startBlock;
- endBlock = domUtils.findParentByTagName(endBlock, 'li', true) || endBlock;
- if (startBlock.tagName == 'LI' || startBlock.tagName == 'TD' || startBlock === obj || domUtils.isBody(startBlock)) {
- domUtils.remove(obj, true);
- } else {
- domUtils.breakParent(startBlock, obj);
- }
- if (startBlock !== endBlock) {
- obj = domUtils.findParentByTagName(endBlock, 'blockquote');
- if (obj) {
- if (endBlock.tagName == 'LI' || endBlock.tagName == 'TD' || domUtils.isBody(endBlock)) {
- obj.parentNode && domUtils.remove(obj, true);
- } else {
- domUtils.breakParent(endBlock, obj);
- }
- }
- }
- var blockquotes = domUtils.getElementsByTagName(this.document, 'blockquote');
- for (var i = 0, bi; bi = blockquotes[i++];) {
- if (!bi.childNodes.length) {
- domUtils.remove(bi);
- } else if (domUtils.getPosition(bi, startBlock) & domUtils.POSITION_FOLLOWING && domUtils.getPosition(bi, endBlock) & domUtils.POSITION_PRECEDING) {
- domUtils.remove(bi, true);
- }
- }
- } else {
- var tmpRange = range.cloneRange(),
- node = tmpRange.startContainer.nodeType == 1 ? tmpRange.startContainer : tmpRange.startContainer.parentNode,
- preNode = node,
- doEnd = 1;
- //调整开始
- while (1) {
- if (domUtils.isBody(node)) {
- if (preNode !== node) {
- if (range.collapsed) {
- tmpRange.selectNode(preNode);
- doEnd = 0;
- } else {
- tmpRange.setStartBefore(preNode);
- }
- } else {
- tmpRange.setStart(node, 0);
- }
- break;
- }
- if (!blockquote[node.tagName]) {
- if (range.collapsed) {
- tmpRange.selectNode(preNode);
- } else {
- tmpRange.setStartBefore(preNode);
- }
- break;
- }
- preNode = node;
- node = node.parentNode;
- }
- //调整结束
- if (doEnd) {
- preNode = node = node = tmpRange.endContainer.nodeType == 1 ? tmpRange.endContainer : tmpRange.endContainer.parentNode;
- while (1) {
- if (domUtils.isBody(node)) {
- if (preNode !== node) {
- tmpRange.setEndAfter(preNode);
- } else {
- tmpRange.setEnd(node, node.childNodes.length);
- }
- break;
- }
- if (!blockquote[node.tagName]) {
- tmpRange.setEndAfter(preNode);
- break;
- }
- preNode = node;
- node = node.parentNode;
- }
- }
- node = range.document.createElement('blockquote');
- domUtils.setAttributes(node, attrs);
- node.appendChild(tmpRange.extractContents());
- tmpRange.insertNode(node);
- //去除重复的
- var childs = domUtils.getElementsByTagName(node, 'blockquote');
- for (var i = 0, ci; ci = childs[i++];) {
- if (ci.parentNode) {
- domUtils.remove(ci, true);
- }
- }
- }
- range.moveToBookmark(bookmark).select();
- },
- queryCommandState: function () {
- return getObj(this) ? 1 : 0;
- }
- };
- };
- ///import core
- ///commands 大小写转换
- ///commandsName touppercase,tolowercase
- ///commandsTitle 大写,小写
- /**
- * 大小写转换
- * @function
- * @name baidu.editor.execCommands
- * @param {String} cmdName cmdName="convertcase"
- */
- UE.commands['touppercase'] =
- UE.commands['tolowercase'] = {
- execCommand: function (cmd) {
- var me = this;
- var rng = me.selection.getRange();
- if (rng.collapsed) {
- return rng;
- }
- var bk = rng.createBookmark(),
- bkEnd = bk.end,
- filterFn = function (node) {
- return !domUtils.isBr(node) && !domUtils.isWhitespace(node);
- },
- curNode = domUtils.getNextDomNode(bk.start, false, filterFn);
- while (curNode && (domUtils.getPosition(curNode, bkEnd) & domUtils.POSITION_PRECEDING)) {
- if (curNode.nodeType == 3) {
- curNode.nodeValue = curNode.nodeValue[cmd == 'touppercase' ? 'toUpperCase' : 'toLowerCase']();
- }
- curNode = domUtils.getNextDomNode(curNode, true, filterFn);
- if (curNode === bkEnd) {
- break;
- }
- }
- rng.moveToBookmark(bk).select();
- }
- };
- ///import core
- ///import plugins\paragraph.js
- ///commands 首行缩进
- ///commandsName Outdent,Indent
- ///commandsTitle 取消缩进,首行缩进
- /**
- * 首行缩进
- * @function
- * @name baidu.editor.execCommand
- * @param {String} cmdName outdent取消缩进,indent缩进
- */
- UE.commands['indent'] = {
- execCommand: function () {
- var me = this, value = me.queryCommandState("indent") ? "0em" : (me.options.indentValue || '2em');
- me.execCommand('Paragraph', 'p', {style: 'text-indent:' + value});
- },
- queryCommandState: function () {
- var pN = domUtils.filterNodeList(this.selection.getStartElementPath(), 'p h1 h2 h3 h4 h5 h6');
- return pN && pN.style.textIndent && parseInt(pN.style.textIndent) ? 1 : 0;
- }
- };
- ///import core
- ///commands 打印
- ///commandsName Print
- ///commandsTitle 打印
- /**
- * @description 打印
- * @name baidu.editor.execCommand
- * @param {String} cmdName print打印编辑器内容
- * @author zhanyi
- */
- UE.commands['print'] = {
- execCommand: function () {
- this.window.print();
- },
- notNeedUndo: 1
- };
- ///import core
- ///commands 预览
- ///commandsName Preview
- ///commandsTitle 预览
- /**
- * 预览
- * @function
- * @name baidu.editor.execCommand
- * @param {String} cmdName preview预览编辑器内容
- */
- UE.commands['preview'] = {
- execCommand: function () {
- var w = window.open('', '_blank', ''),
- d = w.document;
- d.open();
- d.write('<html><head><script src="' + this.options.UEDITOR_HOME_URL + 'ueditor.parse.js"></script><script>' +
- "setTimeout(function(){uParse('div',{" +
- " 'highlightJsUrl':'" + this.options.UEDITOR_HOME_URL + "third-party/SyntaxHighlighter/shCore.js'," +
- " 'highlightCssUrl':'" + this.options.UEDITOR_HOME_URL + "third-party/SyntaxHighlighter/shCoreDefault.css'" +
- "})},300)" +
- '</script></head><body><div>' + this.getContent(null, null, true) + '</div></body></html>');
- d.close();
- },
- notNeedUndo: 1
- };
- ///import core
- ///commands 全选
- ///commandsName SelectAll
- ///commandsTitle 全选
- /**
- * 选中所有
- * @function
- * @name baidu.editor.execCommand
- * @param {String} cmdName selectall选中编辑器里的所有内容
- * @author zhanyi
- */
- UE.plugins['selectall'] = function () {
- var me = this;
- me.commands['selectall'] = {
- execCommand: function () {
- //去掉了原生的selectAll,因为会出现报错和当内容为空时,不能出现闭合状态的光标
- var me = this, body = me.body,
- range = me.selection.getRange();
- range.selectNodeContents(body);
- if (domUtils.isEmptyBlock(body)) {
- //opera不能自动合并到元素的里边,要手动处理一下
- if (browser.opera && body.firstChild && body.firstChild.nodeType == 1) {
- range.setStartAtFirst(body.firstChild);
- }
- range.collapse(true);
- }
- range.select(true);
- },
- notNeedUndo: 1
- };
- //快捷键
- me.addshortcutkey({
- "selectAll": "ctrl+65"
- });
- };
- ///import core
- ///commands 格式
- ///commandsName Paragraph
- ///commandsTitle 段落格式
- /**
- * 段落样式
- * @function
- * @name baidu.editor.execCommand
- * @param {String} cmdName paragraph插入段落执行命令
- * @param {String} style 标签值为:'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'
- * @param {String} attrs 标签的属性
- * @author zhanyi
- */
- UE.plugins['paragraph'] = function () {
- var me = this,
- block = domUtils.isBlockElm,
- notExchange = ['TD', 'LI', 'PRE'],
- doParagraph = function (range, style, attrs, sourceCmdName) {
- var bookmark = range.createBookmark(),
- filterFn = function (node) {
- return node.nodeType == 1 ? node.tagName.toLowerCase() != 'br' && !domUtils.isBookmarkNode(node) : !domUtils.isWhitespace(node);
- },
- para;
- range.enlarge(true);
- var bookmark2 = range.createBookmark(),
- current = domUtils.getNextDomNode(bookmark2.start, false, filterFn),
- tmpRange = range.cloneRange(),
- tmpNode;
- while (current && !(domUtils.getPosition(current, bookmark2.end) & domUtils.POSITION_FOLLOWING)) {
- if (current.nodeType == 3 || !block(current)) {
- tmpRange.setStartBefore(current);
- while (current && current !== bookmark2.end && !block(current)) {
- tmpNode = current;
- current = domUtils.getNextDomNode(current, false, null, function (node) {
- return !block(node);
- });
- }
- tmpRange.setEndAfter(tmpNode);
- para = range.document.createElement(style);
- if (attrs) {
- domUtils.setAttributes(para, attrs);
- if (sourceCmdName && sourceCmdName == 'customstyle' && attrs.style) {
- para.style.cssText = attrs.style;
- }
- }
- para.appendChild(tmpRange.extractContents());
- //需要内容占位
- if (domUtils.isEmptyNode(para)) {
- domUtils.fillChar(range.document, para);
- }
- tmpRange.insertNode(para);
- var parent = para.parentNode;
- //如果para上一级是一个block元素且不是body,td就删除它
- if (block(parent) && !domUtils.isBody(para.parentNode) && utils.indexOf(notExchange, parent.tagName) == -1) {
- //存储dir,style
- if (!(sourceCmdName && sourceCmdName == 'customstyle')) {
- parent.getAttribute('dir') && para.setAttribute('dir', parent.getAttribute('dir'));
- //trace:1070
- parent.style.cssText && (para.style.cssText = parent.style.cssText + ';' + para.style.cssText);
- //trace:1030
- parent.style.textAlign && !para.style.textAlign && (para.style.textAlign = parent.style.textAlign);
- parent.style.textIndent && !para.style.textIndent && (para.style.textIndent = parent.style.textIndent);
- parent.style.padding && !para.style.padding && (para.style.padding = parent.style.padding);
- }
- //trace:1706 选择的就是h1-6要删除
- if (attrs && /h\d/i.test(parent.tagName) && !/h\d/i.test(para.tagName)) {
- domUtils.setAttributes(parent, attrs);
- if (sourceCmdName && sourceCmdName == 'customstyle' && attrs.style) {
- parent.style.cssText = attrs.style;
- }
- domUtils.remove(para, true);
- para = parent;
- } else {
- domUtils.remove(para.parentNode, true);
- }
- }
- if (utils.indexOf(notExchange, parent.tagName) != -1) {
- current = parent;
- } else {
- current = para;
- }
- current = domUtils.getNextDomNode(current, false, filterFn);
- } else {
- current = domUtils.getNextDomNode(current, true, filterFn);
- }
- }
- return range.moveToBookmark(bookmark2).moveToBookmark(bookmark);
- };
- me.setOpt('paragraph', {'p': '', 'h1': '', 'h2': '', 'h3': '', 'h4': '', 'h5': '', 'h6': ''});
- me.commands['paragraph'] = {
- execCommand: function (cmdName, style, attrs, sourceCmdName) {
- var range = this.selection.getRange();
- //闭合时单独处理
- if (range.collapsed) {
- var txt = this.document.createTextNode('p');
- range.insertNode(txt);
- //去掉冗余的fillchar
- if (browser.ie) {
- var node = txt.previousSibling;
- if (node && domUtils.isWhitespace(node)) {
- domUtils.remove(node);
- }
- node = txt.nextSibling;
- if (node && domUtils.isWhitespace(node)) {
- domUtils.remove(node);
- }
- }
- }
- range = doParagraph(range, style, attrs, sourceCmdName);
- if (txt) {
- range.setStartBefore(txt).collapse(true);
- pN = txt.parentNode;
- domUtils.remove(txt);
- if (domUtils.isBlockElm(pN) && domUtils.isEmptyNode(pN)) {
- domUtils.fillNode(this.document, pN);
- }
- }
- if (browser.gecko && range.collapsed && range.startContainer.nodeType == 1) {
- var child = range.startContainer.childNodes[range.startOffset];
- if (child && child.nodeType == 1 && child.tagName.toLowerCase() == style) {
- range.setStart(child, 0).collapse(true);
- }
- }
- //trace:1097 原来有true,原因忘了,但去了就不能清除多余的占位符了
- range.select();
- return true;
- },
- queryCommandValue: function () {
- var node = domUtils.filterNodeList(this.selection.getStartElementPath(), 'p h1 h2 h3 h4 h5 h6');
- return node ? node.tagName.toLowerCase() : '';
- }
- };
- };
- ///import core
- ///commands 输入的方向
- ///commandsName DirectionalityLtr,DirectionalityRtl
- ///commandsTitle 从左向右输入,从右向左输入
- /**
- * 输入的方向
- * @function
- * @name baidu.editor.execCommand
- * @param {String} cmdName directionality执行函数的参数
- * @param {String} forward ltr从左向右输入,rtl从右向左输入
- */
- (function () {
- var block = domUtils.isBlockElm ,
- getObj = function (editor) {
- // var startNode = editor.selection.getStart(),
- // parents;
- // if ( startNode ) {
- // //查找所有的是block的父亲节点
- // parents = domUtils.findParents( startNode, true, block, true );
- // for ( var i = 0,ci; ci = parents[i++]; ) {
- // if ( ci.getAttribute( 'dir' ) ) {
- // return ci;
- // }
- // }
- // }
- return domUtils.filterNodeList(editor.selection.getStartElementPath(), function (n) {
- return n.getAttribute('dir')
- });
- },
- doDirectionality = function (range, editor, forward) {
- var bookmark,
- filterFn = function (node) {
- return node.nodeType == 1 ? !domUtils.isBookmarkNode(node) : !domUtils.isWhitespace(node);
- },
- obj = getObj(editor);
- if (obj && range.collapsed) {
- obj.setAttribute('dir', forward);
- return range;
- }
- bookmark = range.createBookmark();
- range.enlarge(true);
- var bookmark2 = range.createBookmark(),
- current = domUtils.getNextDomNode(bookmark2.start, false, filterFn),
- tmpRange = range.cloneRange(),
- tmpNode;
- while (current && !(domUtils.getPosition(current, bookmark2.end) & domUtils.POSITION_FOLLOWING)) {
- if (current.nodeType == 3 || !block(current)) {
- tmpRange.setStartBefore(current);
- while (current && current !== bookmark2.end && !block(current)) {
- tmpNode = current;
- current = domUtils.getNextDomNode(current, false, null, function (node) {
- return !block(node);
- });
- }
- tmpRange.setEndAfter(tmpNode);
- var common = tmpRange.getCommonAncestor();
- if (!domUtils.isBody(common) && block(common)) {
- //遍历到了block节点
- common.setAttribute('dir', forward);
- current = common;
- } else {
- //没有遍历到,添加一个block节点
- var p = range.document.createElement('p');
- p.setAttribute('dir', forward);
- var frag = tmpRange.extractContents();
- p.appendChild(frag);
- tmpRange.insertNode(p);
- current = p;
- }
- current = domUtils.getNextDomNode(current, false, filterFn);
- } else {
- current = domUtils.getNextDomNode(current, true, filterFn);
- }
- }
- return range.moveToBookmark(bookmark2).moveToBookmark(bookmark);
- };
- UE.commands['directionality'] = {
- execCommand: function (cmdName, forward) {
- var range = this.selection.getRange();
- //闭合时单独处理
- if (range.collapsed) {
- var txt = this.document.createTextNode('d');
- range.insertNode(txt);
- }
- doDirectionality(range, this, forward);
- if (txt) {
- range.setStartBefore(txt).collapse(true);
- domUtils.remove(txt);
- }
- range.select();
- return true;
- },
- queryCommandValue: function () {
- var node = getObj(this);
- return node ? node.getAttribute('dir') : 'ltr';
- }
- };
- })();
- ///import core
- ///import plugins\inserthtml.js
- ///commands 分割线
- ///commandsName Horizontal
- ///commandsTitle 分隔线
- /**
- * 分割线
- * @function
- * @name baidu.editor.execCommand
- * @param {String} cmdName horizontal插入分割线
- */
- UE.plugins['horizontal'] = function () {
- var me = this;
- me.commands['horizontal'] = {
- execCommand: function (cmdName) {
- var me = this;
- if (me.queryCommandState(cmdName) !== -1) {
- me.execCommand('insertHtml', '<hr>');
- var range = me.selection.getRange(),
- start = range.startContainer;
- if (start.nodeType == 1 && !start.childNodes[range.startOffset]) {
- var tmp;
- if (tmp = start.childNodes[range.startOffset - 1]) {
- if (tmp.nodeType == 1 && tmp.tagName == 'HR') {
- if (me.options.enterTag == 'p') {
- tmp = me.document.createElement('p');
- range.insertNode(tmp);
- range.setStart(tmp, 0).setCursor();
- } else {
- tmp = me.document.createElement('br');
- range.insertNode(tmp);
- range.setStartBefore(tmp).setCursor();
- }
- }
- }
- }
- return true;
- }
- },
- //边界在table里不能加分隔线
- queryCommandState: function () {
- return domUtils.filterNodeList(this.selection.getStartElementPath(), 'table') ? -1 : 0;
- }
- };
- // me.addListener('delkeyup',function(){
- // var rng = this.selection.getRange();
- // if(browser.ie && browser.version > 8){
- // rng.txtToElmBoundary(true);
- // if(domUtils.isStartInblock(rng)){
- // var tmpNode = rng.startContainer;
- // var pre = tmpNode.previousSibling;
- // if(pre && domUtils.isTagNode(pre,'hr')){
- // domUtils.remove(pre);
- // rng.select();
- // return;
- // }
- // }
- // }
- // if(domUtils.isBody(rng.startContainer)){
- // var hr = rng.startContainer.childNodes[rng.startOffset -1];
- // if(hr && hr.nodeName == 'HR'){
- // var next = hr.nextSibling;
- // if(next){
- // rng.setStart(next,0)
- // }else if(hr.previousSibling){
- // rng.setStartAtLast(hr.previousSibling)
- // }else{
- // var p = this.document.createElement('p');
- // hr.parentNode.insertBefore(p,hr);
- // domUtils.fillNode(this.document,p);
- // rng.setStart(p,0);
- // }
- // domUtils.remove(hr);
- // rng.setCursor(false,true);
- // }
- // }
- // })
- me.addListener('delkeydown', function (name, evt) {
- var rng = this.selection.getRange();
- rng.txtToElmBoundary(true);
- if (domUtils.isStartInblock(rng)) {
- var tmpNode = rng.startContainer;
- var pre = tmpNode.previousSibling;
- if (pre && domUtils.isTagNode(pre, 'hr')) {
- domUtils.remove(pre);
- rng.select();
- domUtils.preventDefault(evt);
- return true;
- }
- }
- })
- };
- ///import core
- ///import plugins\inserthtml.js
- ///commands 日期,时间
- ///commandsName Date,Time
- ///commandsTitle 日期,时间
- /**
- * 插入日期
- * @function
- * @name baidu.editor.execCommand
- * @param {String} cmdName date插入日期
- * @author zhuwenxuan
- */
- /**
- * 插入时间
- * @function
- * @name baidu.editor.execCommand
- * @param {String} cmdName time插入时间
- * @author zhuwenxuan
- */
- UE.commands['time'] = UE.commands["date"] = {
- execCommand: function (cmd) {
- var date = new Date;
- this.execCommand('insertHtml', cmd == "time" ?
- (date.getHours() + ":" + (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) + ":" + (date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds())) :
- (date.getFullYear() + "-" + ((date.getMonth() + 1) < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1) + "-" + (date.getDate() < 10 ? "0" + date.getDate() : date.getDate())));
- }
- };
- ///import core
- ///import plugins\paragraph.js
- ///commands 段间距
- ///commandsName RowSpacingBottom,RowSpacingTop
- ///commandsTitle 段间距
- /**
- * @description 设置段前距,段后距
- * @name baidu.editor.execCommand
- * @param {String} cmdName rowspacing设置段间距
- * @param {String} value 值,以px为单位
- * @param {String} dir top或bottom段前后段后
- * @author zhanyi
- */
- UE.plugins['rowspacing'] = function () {
- var me = this;
- me.setOpt({
- 'rowspacingtop': ['5', '10', '15', '20', '25'],
- 'rowspacingbottom': ['5', '10', '15', '20', '25']
- });
- me.commands['rowspacing'] = {
- execCommand: function (cmdName, value, dir) {
- this.execCommand('paragraph', 'p', {style: 'margin-' + dir + ':' + value + 'px'});
- return true;
- },
- queryCommandValue: function (cmdName, dir) {
- var pN = domUtils.filterNodeList(this.selection.getStartElementPath(), function (node) {
- return domUtils.isBlockElm(node)
- }),
- value;
- //trace:1026
- if (pN) {
- value = domUtils.getComputedStyle(pN, 'margin-' + dir).replace(/[^\d]/g, '');
- return !value ? 0 : value;
- }
- return 0;
- }
- };
- };
- ///import core
- ///import plugins\paragraph.js
- ///commands 行间距
- ///commandsName LineHeight
- ///commandsTitle 行间距
- /**
- * @description 设置行内间距
- * @name baidu.editor.execCommand
- * @param {String} cmdName lineheight设置行内间距
- * @param {String} value 值
- * @author zhuwenxuan
- */
- UE.plugins['lineheight'] = function () {
- var me = this;
- me.setOpt({'lineheight': ['1', '1.5', '1.75', '2', '3', '4', '5']});
- me.commands['lineheight'] = {
- execCommand: function (cmdName, value) {
- this.execCommand('paragraph', 'p', {style: 'line-height:' + (value == "1" ? "normal" : value + 'em') });
- return true;
- },
- queryCommandValue: function () {
- var pN = domUtils.filterNodeList(this.selection.getStartElementPath(), function (node) {
- return domUtils.isBlockElm(node)
- });
- if (pN) {
- var value = domUtils.getComputedStyle(pN, 'line-height');
- return value == 'normal' ? 1 : value.replace(/[^\d.]*/ig, "");
- }
- }
- };
- };
- ///import core
- ///import plugins/inserthtml.js
- ///commands 插入代码
- ///commandsName code
- ///commandsTitle 插入代码
- UE.plugins['insertcode'] = function () {
- var me = this;
- me.ready(function () {
- utils.cssRule('pre', 'pre{margin:.5em 0;padding:.4em .6em;border-radius:8px;background:#f8f8f8;}',
- me.document)
- });
- me.setOpt('insertcode', {
- 'as3': 'ActionScript3',
- 'bash': 'Bash/Shell',
- 'cpp': 'C/C++',
- 'css': 'Css',
- 'cf': 'CodeFunction',
- 'c#': 'C#',
- 'delphi': 'Delphi',
- 'diff': 'Diff',
- 'erlang': 'Erlang',
- 'groovy': 'Groovy',
- 'html': 'Html',
- 'java': 'Java',
- 'jfx': 'JavaFx',
- 'js': 'Javascript',
- 'pl': 'Perl',
- 'php': 'Php',
- 'plain': 'Plain Text',
- 'ps': 'PowerShell',
- 'python': 'Python',
- 'ruby': 'Ruby',
- 'scala': 'Scala',
- 'sql': 'Sql',
- 'vb': 'Vb',
- 'xml': 'Xml'
- });
- me.commands['insertcode'] = {
- execCommand: function (cmd, lang) {
- var me = this,
- rng = me.selection.getRange(),
- pre = domUtils.findParentByTagName(rng.startContainer, 'pre', true);
- if (pre) {
- pre.className = 'brush:' + lang + ';toolbar:false;';
- } else {
- var code = '';
- if (rng.collapsed) {
- code = browser.ie ? (browser.version > 8 ? '' : ' ') : '<br/>';
- } else {
- var frag = rng.extractContents();
- var div = me.document.createElement('div');
- div.appendChild(frag);
- utils.each(UE.filterNode(UE.htmlparser(div.innerHTML.replace(/[\r\t]/g, '')), me.options.filterTxtRules).children, function (node) {
- if (browser.ie && browser.version > 8) {
- if (node.type == 'element') {
- if (node.tagName == 'br') {
- code += '\n'
- } else if (!dtd.$empty[node.tagName]) {
- utils.each(node.children, function (cn) {
- if (cn.type == 'element') {
- if (cn.tagName == 'br') {
- code += '\n'
- } else if (!dtd.$empty[node.tagName]) {
- code += cn.innerText();
- }
- } else {
- code += cn.data
- }
- })
- if (!/\n$/.test(code)) {
- code += '\n';
- }
- }
- } else {
- code += node.data + '\n'
- }
- if (!node.nextSibling() && /\n$/.test(code)) {
- code = code.replace(/\n$/, '');
- }
- } else {
- if (browser.ie) {
- if (node.type == 'element') {
- if (node.tagName == 'br') {
- code += '<br>'
- } else if (!dtd.$empty[node.tagName]) {
- utils.each(node.children, function (cn) {
- if (cn.type == 'element') {
- if (cn.tagName == 'br') {
- code += '<br>'
- } else if (!dtd.$empty[node.tagName]) {
- code += cn.innerText();
- }
- } else {
- code += cn.data
- }
- });
- if (!/br>$/.test(code)) {
- code += '<br>';
- }
- }
- } else {
- code += node.data + '<br>'
- }
- if (!node.nextSibling() && /<br>$/.test(code)) {
- code = code.replace(/<br>$/, '');
- }
- } else {
- code += (node.type == 'element' ? (dtd.$empty[node.tagName] ? '' : node.innerText()) : node.data);
- if (!/br\/?\s*>$/.test(code)) {
- if (!node.nextSibling())
- return;
- code += '<br>'
- }
- }
- }
- });
- }
- me.execCommand('inserthtml', '<pre id="coder"class="brush:' + lang + ';toolbar:false">' + code + '</pre>', true);
- pre = me.document.getElementById('coder');
- domUtils.removeAttributes(pre, 'id');
- var tmpNode = pre.previousSibling;
- if (tmpNode && (tmpNode.nodeType == 3 && tmpNode.nodeValue.length == 1 && browser.ie && browser.version == 6 || domUtils.isEmptyBlock(tmpNode))) {
- domUtils.remove(tmpNode)
- }
- var rng = me.selection.getRange();
- if (domUtils.isEmptyBlock(pre)) {
- rng.setStart(pre, 0).setCursor(false, true)
- } else {
- rng.selectNodeContents(pre).select()
- }
- }
- },
- queryCommandValue: function () {
- var path = this.selection.getStartElementPath();
- var lang = '';
- utils.each(path, function (node) {
- if (node.nodeName == 'PRE') {
- var match = node.className.match(/brush:([^;]+)/);
- lang = match && match[1] ? match[1] : '';
- return false;
- }
- });
- return lang;
- }
- };
- me.addInputRule(function (root) {
- utils.each(root.getNodesByTagName('pre'), function (pre) {
- var brs = pre.getNodesByTagName('br');
- if (brs.length) {
- browser.ie && browser.version > 8 && utils.each(brs, function (br) {
- var txt = UE.uNode.createText('\n');
- br.parentNode.insertBefore(txt, br);
- br.parentNode.removeChild(br);
- });
- return;
- }
- if (browser.ie && browser.version > 8)
- return;
- var code = pre.innerText().split(/\n/);
- pre.innerHTML('');
- utils.each(code, function (c) {
- if (c.length) {
- pre.appendChild(UE.uNode.createText(c));
- }
- pre.appendChild(UE.uNode.createElement('br'))
- })
- })
- });
- me.addOutputRule(function (root) {
- utils.each(root.getNodesByTagName('pre'), function (pre) {
- var code = '';
- utils.each(pre.children, function (n) {
- if (n.type == 'text') {
- //在ie下文本内容有可能末尾带有\n要去掉
- //trace:3396
- code += n.data.replace(/[ ]/g, ' ').replace(/\n$/, '');
- } else {
- if (n.tagName == 'br') {
- code += '\n'
- } else {
- code += (!dtd.$empty[n.tagName] ? '' : n.innerText());
- }
- }
- });
- pre.innerText(code.replace(/( |\n)+$/, ''))
- })
- });
- //不需要判断highlight的command列表
- me.notNeedCodeQuery = {
- help: 1,
- undo: 1,
- redo: 1,
- source: 1,
- print: 1,
- searchreplace: 1,
- fullscreen: 1,
- preview: 1,
- insertparagraph: 1,
- elementpath: 1,
- highlightcode: 1,
- insertcode: 1,
- inserthtml: 1,
- selectall: 1
- };
- //将queyCommamndState重置
- var orgQuery = me.queryCommandState;
- me.queryCommandState = function (cmd) {
- var me = this;
- if (!me.notNeedCodeQuery[cmd.toLowerCase()] && me.selection && me.queryCommandValue('insertcode')) {
- return -1;
- }
- return UE.Editor.prototype.queryCommandState.apply(this, arguments)
- };
- me.addListener('beforeenterkeydown', function () {
- var rng = me.selection.getRange();
- var pre = domUtils.findParentByTagName(rng.startContainer, 'pre', true);
- if (pre) {
- me.fireEvent('saveScene');
- if (!rng.collapsed) {
- rng.deleteContents();
- }
- if (!browser.ie) {
- var tmpNode = me.document.createElement('br'), pre;
- rng.insertNode(tmpNode).setStartAfter(tmpNode).collapse(true);
- var next = tmpNode.nextSibling;
- if (!next) {
- rng.insertNode(tmpNode.cloneNode(false));
- } else {
- rng.setStartAfter(tmpNode);
- }
- pre = tmpNode.previousSibling;
- var tmp;
- while (pre) {
- tmp = pre;
- pre = pre.previousSibling;
- if (!pre || pre.nodeName == 'BR') {
- pre = tmp;
- break;
- }
- }
- if (pre) {
- var str = '';
- while (pre && pre.nodeName != 'BR' && new RegExp('^[\\s' + domUtils.fillChar + ']*$').test(pre.nodeValue)) {
- str += pre.nodeValue;
- pre = pre.nextSibling;
- }
- if (pre.nodeName != 'BR') {
- var match = pre.nodeValue.match(new RegExp('^([\\s' + domUtils.fillChar + ']+)'));
- if (match && match[1]) {
- str += match[1]
- }
- }
- if (str) {
- str = me.document.createTextNode(str);
- rng.insertNode(str).setStartAfter(str);
- }
- }
- rng.collapse(true).select(true);
- } else {
- if (browser.version > 8) {
- var txt = me.document.createTextNode('\n');
- var start = rng.startContainer;
- if (rng.startOffset == 0) {
- var preNode = start.previousSibling;
- if (preNode) {
- rng.insertNode(txt);
- var fillchar = me.document.createTextNode(' ');
- rng.setStartAfter(txt).insertNode(fillchar).setStart(fillchar, 0).collapse(true).select(true)
- }
- } else {
- rng.insertNode(txt).setStartAfter(txt);
- var fillchar = me.document.createTextNode(' ');
- start = rng.startContainer.childNodes[rng.startOffset];
- if (start && !/^\n/.test(start.nodeValue)) {
- rng.setStartBefore(txt)
- }
- rng.insertNode(fillchar).setStart(fillchar, 0).collapse(true).select(true)
- }
- } else {
- var tmpNode = me.document.createElement('br');
- rng.insertNode(tmpNode);
- rng.insertNode(me.document.createTextNode(domUtils.fillChar));
- rng.setStartAfter(tmpNode);
- pre = tmpNode.previousSibling;
- var tmp;
- while (pre) {
- tmp = pre;
- pre = pre.previousSibling;
- if (!pre || pre.nodeName == 'BR') {
- pre = tmp;
- break;
- }
- }
- if (pre) {
- var str = '';
- while (pre && pre.nodeName != 'BR' && new RegExp('^[ ' + domUtils.fillChar + ']*$').test(pre.nodeValue)) {
- str += pre.nodeValue;
- pre = pre.nextSibling;
- }
- if (pre.nodeName != 'BR') {
- var match = pre.nodeValue.match(new RegExp('^([ ' + domUtils.fillChar + ']+)'));
- if (match && match[1]) {
- str += match[1]
- }
- }
- str = me.document.createTextNode(str);
- rng.insertNode(str).setStartAfter(str);
- }
- rng.collapse(true).select();
- }
- }
- me.fireEvent('saveScene');
- return true;
- }
- });
- me.addListener('tabkeydown', function (cmd, evt) {
- var rng = me.selection.getRange();
- var pre = domUtils.findParentByTagName(rng.startContainer, 'pre', true);
- if (pre) {
- me.fireEvent('saveScene');
- if (evt.shiftKey) {
- // if(!rng.collapsed){
- // var bk = rng.createBookmark();
- // var start = bk.start.previousSibling;
- // if(start === pre.firstChild){
- // start.nodeValue = start.nodeValue.replace(/^\s{4}/,'');
- // }else{
- // while(start){
- // if(domUtils.isBr(start)){
- // start = start.nextSibling;
- // start.nodeValue = start.nodeValue.replace(/^\s{4}/,'');
- // break;
- // }
- // while(start.previousSibling && start.previousSibling.nodeType == 3){
- // start.nodeValue = start.previousSibling.nodeValue + start.nodeValue;
- // domUtils.remove(start.previousSibling)
- // }
- // start = start.previousSibling;
- // }
- // }
- //
- // var end = bk.end;
- // start = bk.start.nextSibling;
- //
- // while(start && start !== end){
- // if(domUtils.isBr(start) && start.nextSibling){
- // if(start.nextSibling === end){
- // break;
- // }
- // start = start.nextSibling;
- // while(start.nextSibling && start.nextSibling.nodeType == 3){
- // start.nodeValue += start.nextSibling.nodeValue;
- // domUtils.remove(start.nextSibling)
- // }
- //
- // start.nodeValue = start.nodeValue.replace(/^\s{4}/,'');
- // }
- //
- // start = start.nextSibling;
- // }
- // rng.moveToBookmark(bk).select();
- // }else{
- // var bk = rng.createBookmark();
- // var start = bk.start.previousSibling;
- // if(start === pre.firstChild){
- // start.nodeValue = start.nodeValue.replace(/^\s{4}/,'');
- // }else{
- // while(start){
- // if(domUtils.isBr(start)){
- // start = start.nextSibling;
- // start.nodeValue = start.nodeValue.replace(/^\s{4}/,'');
- // break;
- // }
- // while(start.previousSibling && start.previousSibling.nodeType == 3){
- // start.nodeValue = start.previousSibling.nodeValue + start.nodeValue;
- // domUtils.remove(start.previousSibling)
- // }
- // start = start.previousSibling;
- // }
- // }
- // }
- } else {
- if (!rng.collapsed) {
- var bk = rng.createBookmark();
- var start = bk.start.previousSibling;
- while (start) {
- if (pre.firstChild === start && !domUtils.isBr(start)) {
- pre.insertBefore(me.document.createTextNode(' '), start);
- break;
- }
- if (domUtils.isBr(start)) {
- pre.insertBefore(me.document.createTextNode(' '), start.nextSibling);
- break;
- }
- start = start.previousSibling;
- }
- var end = bk.end;
- start = bk.start.nextSibling;
- if (pre.firstChild === bk.start) {
- pre.insertBefore(me.document.createTextNode(' '), start.nextSibling)
- }
- while (start && start !== end) {
- if (domUtils.isBr(start) && start.nextSibling) {
- if (start.nextSibling === end) {
- break;
- }
- pre.insertBefore(me.document.createTextNode(' '), start.nextSibling)
- }
- start = start.nextSibling;
- }
- rng.moveToBookmark(bk).select();
- } else {
- var tmpNode = me.document.createTextNode(' ');
- rng.insertNode(tmpNode).setStartAfter(tmpNode).collapse(true).select(true);
- }
- }
- me.fireEvent('saveScene');
- return true;
- }
- });
- me.addListener('beforeinserthtml', function (evtName, html) {
- var me = this,
- rng = me.selection.getRange(),
- pre = domUtils.findParentByTagName(rng.startContainer, 'pre', true);
- if (pre) {
- if (!rng.collapsed) {
- rng.deleteContents()
- }
- var htmlstr = '';
- if (browser.ie && browser.version > 8) {
- utils.each(UE.filterNode(UE.htmlparser(html), me.options.filterTxtRules).children, function (node) {
- if (node.type == 'element') {
- if (node.tagName == 'br') {
- htmlstr += '\n'
- } else if (!dtd.$empty[node.tagName]) {
- utils.each(node.children, function (cn) {
- if (cn.type == 'element') {
- if (cn.tagName == 'br') {
- htmlstr += '\n'
- } else if (!dtd.$empty[node.tagName]) {
- htmlstr += cn.innerText();
- }
- } else {
- htmlstr += cn.data
- }
- })
- if (!/\n$/.test(htmlstr)) {
- htmlstr += '\n';
- }
- }
- } else {
- htmlstr += node.data + '\n'
- }
- if (!node.nextSibling() && /\n$/.test(htmlstr)) {
- htmlstr = htmlstr.replace(/\n$/, '');
- }
- });
- var tmpNode = me.document.createTextNode(utils.html(htmlstr.replace(/ /g, ' ')));
- rng.insertNode(tmpNode).selectNode(tmpNode).select();
- } else {
- var frag = me.document.createDocumentFragment();
- utils.each(UE.filterNode(UE.htmlparser(html), me.options.filterTxtRules).children, function (node) {
- if (node.type == 'element') {
- if (node.tagName == 'br') {
- frag.appendChild(me.document.createElement('br'))
- } else if (!dtd.$empty[node.tagName]) {
- utils.each(node.children, function (cn) {
- if (cn.type == 'element') {
- if (cn.tagName == 'br') {
- frag.appendChild(me.document.createElement('br'))
- } else if (!dtd.$empty[node.tagName]) {
- frag.appendChild(me.document.createTextNode(utils.html(cn.innerText().replace(/ /g, ' '))));
- }
- } else {
- frag.appendChild(me.document.createTextNode(utils.html(cn.data.replace(/ /g, ' '))));
- }
- })
- if (frag.lastChild.nodeName != 'BR') {
- frag.appendChild(me.document.createElement('br'))
- }
- }
- } else {
- frag.appendChild(me.document.createTextNode(utils.html(node.data.replace(/ /g, ' '))));
- }
- if (!node.nextSibling() && frag.lastChild.nodeName == 'BR') {
- frag.removeChild(frag.lastChild)
- }
- });
- rng.insertNode(frag).select();
- }
- return true;
- }
- });
- //方向键的处理
- me.addListener('keydown', function (cmd, evt) {
- var me = this, keyCode = evt.keyCode || evt.which;
- if (keyCode == 40) {
- var rng = me.selection.getRange(), pre, start = rng.startContainer;
- if (rng.collapsed && (pre = domUtils.findParentByTagName(rng.startContainer, 'pre', true)) && !pre.nextSibling) {
- var last = pre.lastChild
- while (last && last.nodeName == 'BR') {
- last = last.previousSibling;
- }
- if (last === start || rng.startContainer === pre && rng.startOffset == pre.childNodes.length) {
- me.execCommand('insertparagraph');
- domUtils.preventDefault(evt)
- }
- }
- }
- });
- //trace:3395
- me.addListener('delkeydown', function (type, evt) {
- var rng = this.selection.getRange();
- rng.txtToElmBoundary(true);
- var start = rng.startContainer;
- if (domUtils.isTagNode(start, 'pre') && rng.collapsed && domUtils.isStartInblock(rng)) {
- var p = me.document.createElement('p');
- domUtils.fillNode(me.document, p);
- start.parentNode.insertBefore(p, start);
- domUtils.remove(start);
- rng.setStart(p, 0).setCursor(false, true);
- domUtils.preventDefault(evt);
- return true;
- }
- })
- };
- ///import core
- ///commands 清空文档
- ///commandsName ClearDoc
- ///commandsTitle 清空文档
- /**
- *
- * 清空文档
- * @function
- * @name baidu.editor.execCommand
- * @param {String} cmdName cleardoc清空文档
- */
- UE.commands['cleardoc'] = {
- execCommand: function (cmdName) {
- var me = this,
- enterTag = me.options.enterTag,
- range = me.selection.getRange();
- if (enterTag == "br") {
- me.body.innerHTML = "<br/>";
- range.setStart(me.body, 0).setCursor();
- } else {
- me.body.innerHTML = "<p>" + (ie ? "" : "<br/>") + "</p>";
- range.setStart(me.body.firstChild, 0).setCursor(false, true);
- }
- setTimeout(function () {
- me.fireEvent("clearDoc");
- }, 0);
- }
- };
- ///import core
- ///commands 锚点
- ///commandsName Anchor
- ///commandsTitle 锚点
- ///commandsDialog dialogs\anchor
- /**
- * 锚点
- * @function
- * @name baidu.editor.execCommands
- * @param {String} cmdName cmdName="anchor"插入锚点
- */
- UE.plugins['anchor'] = function () {
- var me = this;
- me.ready(function () {
- utils.cssRule('anchor',
- '.anchorclass{background: url(\''
- + me.options.UEDITOR_HOME_URL +
- 'themes/default/images/anchor.gif\') no-repeat scroll left center transparent;border: 1px dotted #0000FF;cursor: auto;display: inline-block;height: 16px;width: 15px;}',
- me.document)
- });
- me.addOutputRule(function (root) {
- utils.each(root.getNodesByTagName('img'), function (a) {
- var val;
- if (val = a.getAttr('anchorname')) {
- a.tagName = 'a';
- a.setAttr({
- anchorname: '',
- name: val,
- 'class': ''
- })
- }
- })
- });
- me.addInputRule(function (root) {
- utils.each(root.getNodesByTagName('a'), function (a) {
- var val;
- if ((val = a.getAttr('name')) && !a.getAttr('href')) {
- a.tagName = 'img';
- a.setAttr({
- anchorname: a.getAttr('name'),
- 'class': 'anchorclass'
- });
- a.setAttr('name')
- }
- })
- });
- me.commands['anchor'] = {
- execCommand: function (cmd, name) {
- var range = this.selection.getRange(), img = range.getClosedNode();
- if (img && img.getAttribute('anchorname')) {
- if (name) {
- img.setAttribute('anchorname', name);
- } else {
- range.setStartBefore(img).setCursor();
- domUtils.remove(img);
- }
- } else {
- if (name) {
- //只在选区的开始插入
- var anchor = this.document.createElement('img');
- range.collapse(true);
- domUtils.setAttributes(anchor, {
- 'anchorname': name,
- 'class': 'anchorclass'
- });
- range.insertNode(anchor).setStartAfter(anchor).setCursor(false, true);
- }
- }
- }
- };
- };
- ///import core
- ///commands 字数统计
- ///commandsName WordCount,wordCount
- ///commandsTitle 字数统计
- /**
- * Created by JetBrains WebStorm.
- * User: taoqili
- * Date: 11-9-7
- * Time: 下午8:18
- * To change this template use File | Settings | File Templates.
- */
- UE.plugins['wordcount'] = function () {
- var me = this;
- me.addListener('contentchange', function () {
- me.fireEvent('wordcount');
- });
- var timer;
- me.addListener('ready', function () {
- var me = this;
- domUtils.on(me.body, "keyup", function (evt) {
- var code = evt.keyCode || evt.which,
- //忽略的按键,ctr,alt,shift,方向键
- ignores = {"16": 1, "18": 1, "20": 1, "37": 1, "38": 1, "39": 1, "40": 1};
- if (code in ignores) return;
- clearTimeout(timer);
- timer = setTimeout(function () {
- me.fireEvent('wordcount');
- }, 200)
- })
- });
- };
- ///import core
- ///commands 添加分页功能
- ///commandsName PageBreak
- ///commandsTitle 分页
- /**
- * @description 添加分页功能
- * @author zhanyi
- */
- UE.plugins['pagebreak'] = function () {
- var me = this,
- notBreakTags = ['td'];
- me.setOpt('pageBreakTag', '_ueditor_page_break_tag_');
- function fillNode(node) {
- if (domUtils.isEmptyBlock(node)) {
- var firstChild = node.firstChild, tmpNode;
- while (firstChild && firstChild.nodeType == 1 && domUtils.isEmptyBlock(firstChild)) {
- tmpNode = firstChild;
- firstChild = firstChild.firstChild;
- }
- !tmpNode && (tmpNode = node);
- domUtils.fillNode(me.document, tmpNode);
- }
- }
- //分页符样式添加
- me.ready(function () {
- utils.cssRule('pagebreak', '.pagebreak{display:block;clear:both !important;cursor:default !important;width: 100% !important;margin:0;}', me.document);
- });
- function isHr(node) {
- return node && node.nodeType == 1 && node.tagName == 'HR' && node.className == 'pagebreak';
- }
- me.addInputRule(function (root) {
- root.traversal(function (node) {
- if (node.type == 'text' && node.data == me.options.pageBreakTag) {
- var hr = UE.uNode.createElement('<hr class="pagebreak" noshade="noshade" size="5" style="-webkit-user-select: none;">');
- node.parentNode.insertBefore(hr, node);
- node.parentNode.removeChild(node)
- }
- })
- });
- me.addOutputRule(function (node) {
- utils.each(node.getNodesByTagName('hr'), function (n) {
- if (n.getAttr('class') == 'pagebreak') {
- var txt = UE.uNode.createText(me.options.pageBreakTag);
- n.parentNode.insertBefore(txt, n);
- n.parentNode.removeChild(n);
- }
- })
- });
- me.commands['pagebreak'] = {
- execCommand: function () {
- var range = me.selection.getRange(), hr = me.document.createElement('hr');
- domUtils.setAttributes(hr, {
- 'class': 'pagebreak',
- noshade: "noshade",
- size: "5"
- });
- domUtils.unSelectable(hr);
- //table单独处理
- var node = domUtils.findParentByTagName(range.startContainer, notBreakTags, true),
- parents = [], pN;
- if (node) {
- switch (node.tagName) {
- case 'TD':
- pN = node.parentNode;
- if (!pN.previousSibling) {
- var table = domUtils.findParentByTagName(pN, 'table');
- // var tableWrapDiv = table.parentNode;
- // if(tableWrapDiv && tableWrapDiv.nodeType == 1
- // && tableWrapDiv.tagName == 'DIV'
- // && tableWrapDiv.getAttribute('dropdrag')
- // ){
- // domUtils.remove(tableWrapDiv,true);
- // }
- table.parentNode.insertBefore(hr, table);
- parents = domUtils.findParents(hr, true);
- } else {
- pN.parentNode.insertBefore(hr, pN);
- parents = domUtils.findParents(hr);
- }
- pN = parents[1];
- if (hr !== pN) {
- domUtils.breakParent(hr, pN);
- }
- //table要重写绑定一下拖拽
- me.fireEvent('afteradjusttable', me.document);
- }
- } else {
- if (!range.collapsed) {
- range.deleteContents();
- var start = range.startContainer;
- while (!domUtils.isBody(start) && domUtils.isBlockElm(start) && domUtils.isEmptyNode(start)) {
- range.setStartBefore(start).collapse(true);
- domUtils.remove(start);
- start = range.startContainer;
- }
- }
- range.insertNode(hr);
- var pN = hr.parentNode, nextNode;
- while (!domUtils.isBody(pN)) {
- domUtils.breakParent(hr, pN);
- nextNode = hr.nextSibling;
- if (nextNode && domUtils.isEmptyBlock(nextNode)) {
- domUtils.remove(nextNode);
- }
- pN = hr.parentNode;
- }
- nextNode = hr.nextSibling;
- var pre = hr.previousSibling;
- if (isHr(pre)) {
- domUtils.remove(pre);
- } else {
- pre && fillNode(pre);
- }
- if (!nextNode) {
- var p = me.document.createElement('p');
- hr.parentNode.appendChild(p);
- domUtils.fillNode(me.document, p);
- range.setStart(p, 0).collapse(true);
- } else {
- if (isHr(nextNode)) {
- domUtils.remove(nextNode);
- } else {
- fillNode(nextNode);
- }
- range.setEndAfter(hr).collapse(false);
- }
- range.select(true);
- }
- }
- };
- };
- ///import core
- ///commands 本地图片引导上传
- ///commandsName WordImage
- ///commandsTitle 本地图片引导上传
- ///commandsDialog dialogs\wordimage
- UE.plugins["wordimage"] = function () {
- var me = this,
- images;
- me.addInputRule(function (root) {
- utils.each(root.getNodesByTagName('img'), function (img) {
- var attrs = img.attrs,
- flag = parseInt(attrs.width) < 128 || parseInt(attrs.height) < 43,
- opt = me.options,
- src = opt.UEDITOR_HOME_URL + 'themes/default/images/spacer.gif';
- if (attrs['_src'] && attrs['_src'].indexOf("file:///") !== -1) {
- img.setAttr({
- width: attrs.width,
- height: attrs.height,
- alt: attrs.alt,
- word_img: attrs._src,
- src: src,
- _src: src,
- 'style': 'background:url(' + ( flag ? opt.themePath + opt.theme + '/images/word.gif' : opt.langPath + opt.lang + '/images/localimage.png') + ') no-repeat center center;border:1px solid #ddd'
- })
- }
- })
- });
- me.commands['wordimage'] = {
- execCommand: function () {
- images = domUtils.getElementsByTagName(me.document.body, "img");
- var urlList = [];
- for (var i = 0, ci; ci = images[i++];) {
- var url = ci.getAttribute("word_img");
- url && urlList.push(url);
- }
- if (images.length) {
- this["word_img"] = urlList;
- }
- },
- queryCommandState: function () {
- images = domUtils.getElementsByTagName(me.document.body, "img");
- for (var i = 0, ci; ci = images[i++];) {
- if (ci.getAttribute("word_img")) {
- return 1;
- }
- }
- return -1;
- }
- };
- };
- UE.plugins['dragdrop'] = function () {
- var me = this;
- me.ready(function () {
- domUtils.on(this.body, 'dragend', function () {
- var rng = me.selection.getRange();
- var node = rng.getClosedNode() || me.selection.getStart();
- if (node && node.tagName == 'IMG') {
- var pre = node.previousSibling, next;
- while (next = node.nextSibling) {
- if (next.nodeType == 1 && next.tagName == 'SPAN' && !next.firstChild) {
- domUtils.remove(next)
- } else {
- break;
- }
- }
- if ((pre && pre.nodeType == 1 && !domUtils.isEmptyBlock(pre) || !pre) && (!next || next && !domUtils.isEmptyBlock(next))) {
- if (pre && pre.tagName == 'P' && !domUtils.isEmptyBlock(pre)) {
- pre.appendChild(node);
- domUtils.moveChild(next, pre);
- domUtils.remove(next);
- } else if (next && next.tagName == 'P' && !domUtils.isEmptyBlock(next)) {
- next.insertBefore(node, next.firstChild);
- }
- if (pre && pre.tagName == 'P' && domUtils.isEmptyBlock(pre)) {
- domUtils.remove(pre)
- }
- if (next && next.tagName == 'P' && domUtils.isEmptyBlock(next)) {
- domUtils.remove(next)
- }
- rng.selectNode(node).select();
- me.fireEvent('saveScene');
- }
- }
- })
- });
- me.addListener('keyup', function (type, evt) {
- var keyCode = evt.keyCode || evt.which;
- if (keyCode == 13) {
- var rng = me.selection.getRange(), node;
- if (node = domUtils.findParentByTagName(rng.startContainer, 'p', true)) {
- if (domUtils.getComputedStyle(node, 'text-align') == 'center') {
- domUtils.removeStyle(node, 'text-align')
- }
- }
- }
- })
- };
- ///import core
- ///commands 撤销和重做
- ///commandsName Undo,Redo
- ///commandsTitle 撤销,重做
- /**
- * @description 回退
- * @author zhanyi
- */
- UE.plugins['undo'] = function () {
- var saveSceneTimer;
- var me = this,
- maxUndoCount = me.options.maxUndoCount || 20,
- maxInputCount = me.options.maxInputCount || 20,
- fillchar = new RegExp(domUtils.fillChar + '|<\/hr>', 'gi');// ie会产生多余的</hr>
- var noNeedFillCharTags = {
- ol: 1, ul: 1, table: 1, tbody: 1, tr: 1, body: 1
- };
- var orgState = me.options.autoClearEmptyNode;
- function compareAddr(indexA, indexB) {
- if (indexA.length != indexB.length)
- return 0;
- for (var i = 0, l = indexA.length; i < l; i++) {
- if (indexA[i] != indexB[i])
- return 0
- }
- return 1;
- }
- function compareRangeAddress(rngAddrA, rngAddrB) {
- if (rngAddrA.collapsed != rngAddrB.collapsed) {
- return 0;
- }
- if (!compareAddr(rngAddrA.startAddress, rngAddrB.startAddress) || !compareAddr(rngAddrA.endAddress, rngAddrB.endAddress)) {
- return 0;
- }
- return 1;
- }
- function UndoManager() {
- this.list = [];
- this.index = 0;
- this.hasUndo = false;
- this.hasRedo = false;
- this.undo = function () {
- if (this.hasUndo) {
- if (!this.list[this.index - 1] && this.list.length == 1) {
- this.reset();
- return;
- }
- while (this.list[this.index].content == this.list[this.index - 1].content) {
- this.index--;
- if (this.index == 0) {
- return this.restore(0);
- }
- }
- this.restore(--this.index);
- }
- };
- this.redo = function () {
- if (this.hasRedo) {
- while (this.list[this.index].content == this.list[this.index + 1].content) {
- this.index++;
- if (this.index == this.list.length - 1) {
- return this.restore(this.index);
- }
- }
- this.restore(++this.index);
- }
- };
- this.restore = function () {
- var me = this.editor;
- var scene = this.list[this.index];
- var root = UE.htmlparser(scene.content.replace(fillchar, ''));
- me.options.autoClearEmptyNode = false;
- me.filterInputRule(root);
- me.options.autoClearEmptyNode = orgState;
- //trace:873
- //去掉展位符
- me.document.body.innerHTML = root.toHtml();
- me.fireEvent('afterscencerestore');
- //处理undo后空格不展位的问题
- if (browser.ie) {
- utils.each(domUtils.getElementsByTagName(me.document, 'td th caption p'), function (node) {
- if (domUtils.isEmptyNode(node)) {
- domUtils.fillNode(me.document, node);
- }
- })
- }
- try {
- var rng = new dom.Range(me.document).moveToAddress(scene.address);
- rng.select(noNeedFillCharTags[rng.startContainer.nodeName.toLowerCase()]);
- } catch (e) {
- }
- this.update();
- this.clearKey();
- //不能把自己reset了
- me.fireEvent('reset', true);
- };
- this.getScene = function () {
- var me = this.editor;
- var rng = me.selection.getRange(),
- rngAddress = rng.createAddress(false, true);
- me.fireEvent('beforegetscene');
- var root = UE.htmlparser(me.body.innerHTML);
- me.options.autoClearEmptyNode = false;
- me.filterOutputRule(root);
- me.options.autoClearEmptyNode = orgState;
- var cont = root.toHtml();
- //trace:3461
- //这个会引起回退时导致空格丢失的情况
- // browser.ie && (cont = cont.replace(/> </g, '><').replace(/\s*</g, '<').replace(/>\s*/g, '>'));
- me.fireEvent('aftergetscene');
- return {
- address: rngAddress,
- content: cont
- }
- };
- this.save = function (notCompareRange, notSetCursor) {
- clearTimeout(saveSceneTimer);
- var currentScene = this.getScene(notSetCursor),
- lastScene = this.list[this.index];
- //内容相同位置相同不存
- if (lastScene && lastScene.content == currentScene.content &&
- ( notCompareRange ? 1 : compareRangeAddress(lastScene.address, currentScene.address) )
- ) {
- return;
- }
- this.list = this.list.slice(0, this.index + 1);
- this.list.push(currentScene);
- //如果大于最大数量了,就把最前的剔除
- if (this.list.length > maxUndoCount) {
- this.list.shift();
- }
- this.index = this.list.length - 1;
- this.clearKey();
- //跟新undo/redo状态
- this.update();
- };
- this.update = function () {
- this.hasRedo = !!this.list[this.index + 1];
- this.hasUndo = !!this.list[this.index - 1];
- };
- this.reset = function () {
- this.list = [];
- this.index = 0;
- this.hasUndo = false;
- this.hasRedo = false;
- this.clearKey();
- };
- this.clearKey = function () {
- keycont = 0;
- lastKeyCode = null;
- };
- }
- me.undoManger = new UndoManager();
- me.undoManger.editor = me;
- function saveScene() {
- this.undoManger.save();
- }
- me.addListener('saveScene', function () {
- var args = Array.prototype.splice.call(arguments, 1);
- this.undoManger.save.apply(this.undoManger, args);
- });
- me.addListener('beforeexeccommand', saveScene);
- me.addListener('afterexeccommand', saveScene);
- me.addListener('reset', function (type, exclude) {
- if (!exclude) {
- this.undoManger.reset();
- }
- });
- me.commands['redo'] = me.commands['undo'] = {
- execCommand: function (cmdName) {
- this.undoManger[cmdName]();
- },
- queryCommandState: function (cmdName) {
- return this.undoManger['has' + (cmdName.toLowerCase() == 'undo' ? 'Undo' : 'Redo')] ? 0 : -1;
- },
- notNeedUndo: 1
- };
- var keys = {
- // /*Backspace*/ 8:1, /*Delete*/ 46:1,
- /*Shift*/ 16: 1, /*Ctrl*/ 17: 1, /*Alt*/ 18: 1,
- 37: 1, 38: 1, 39: 1, 40: 1
- },
- keycont = 0,
- lastKeyCode;
- //输入法状态下不计算字符数
- var inputType = false;
- me.addListener('ready', function () {
- domUtils.on(this.body, 'compositionstart', function () {
- inputType = true;
- });
- domUtils.on(this.body, 'compositionend', function () {
- inputType = false;
- })
- });
- //快捷键
- me.addshortcutkey({
- "Undo": "ctrl+90", //undo
- "Redo": "ctrl+89" //redo
- });
- var isCollapsed = true;
- me.addListener('keydown', function (type, evt) {
- var me = this;
- var keyCode = evt.keyCode || evt.which;
- if (!keys[keyCode] && !evt.ctrlKey && !evt.metaKey && !evt.shiftKey && !evt.altKey) {
- if (inputType)
- return;
- if (!me.selection.getRange().collapsed) {
- me.undoManger.save(false, true);
- isCollapsed = false;
- return;
- }
- if (me.undoManger.list.length == 0) {
- me.undoManger.save(true);
- }
- clearTimeout(saveSceneTimer);
- function save(cont) {
- if (cont.selection.getRange().collapsed)
- cont.fireEvent('contentchange');
- cont.undoManger.save(false, true);
- cont.fireEvent('selectionchange');
- }
- saveSceneTimer = setTimeout(function () {
- if (inputType) {
- var interalTimer = setInterval(function () {
- if (!inputType) {
- save(me);
- clearInterval(interalTimer)
- }
- }, 300)
- return;
- }
- save(me);
- }, 200);
- lastKeyCode = keyCode;
- keycont++;
- if (keycont >= maxInputCount) {
- save(me)
- }
- }
- });
- me.addListener('keyup', function (type, evt) {
- var keyCode = evt.keyCode || evt.which;
- if (!keys[keyCode] && !evt.ctrlKey && !evt.metaKey && !evt.shiftKey && !evt.altKey) {
- if (inputType)
- return;
- if (!isCollapsed) {
- this.undoManger.save(false, true);
- isCollapsed = true;
- }
- }
- });
- };
- ///import core
- ///import plugins/inserthtml.js
- ///import plugins/undo.js
- ///import plugins/serialize.js
- ///commands 粘贴
- ///commandsName PastePlain
- ///commandsTitle 纯文本粘贴模式
- /*
- ** @description 粘贴
- * @author zhanyi
- */
- UE.plugins['paste'] = function () {
- function getClipboardData(callback) {
- var doc = this.document;
- if (doc.getElementById('baidu_pastebin')) {
- return;
- }
- var range = this.selection.getRange(),
- bk = range.createBookmark(),
- //创建剪贴的容器div
- pastebin = doc.createElement('div');
- pastebin.id = 'baidu_pastebin';
- // Safari 要求div必须有内容,才能粘贴内容进来
- browser.webkit && pastebin.appendChild(doc.createTextNode(domUtils.fillChar + domUtils.fillChar));
- doc.body.appendChild(pastebin);
- //trace:717 隐藏的span不能得到top
- //bk.start.innerHTML = ' ';
- bk.start.style.display = '';
- pastebin.style.cssText = "position:absolute;width:1px;height:1px;overflow:hidden;left:-1000px;white-space:nowrap;top:" +
- //要在现在光标平行的位置加入,否则会出现跳动的问题
- domUtils.getXY(bk.start).y + 'px';
- range.selectNodeContents(pastebin).select(true);
- setTimeout(function () {
- if (browser.webkit) {
- for (var i = 0, pastebins = doc.querySelectorAll('#baidu_pastebin'), pi; pi = pastebins[i++];) {
- if (domUtils.isEmptyNode(pi)) {
- domUtils.remove(pi);
- } else {
- pastebin = pi;
- break;
- }
- }
- }
- try {
- pastebin.parentNode.removeChild(pastebin);
- } catch (e) {
- }
- range.moveToBookmark(bk).select(true);
- callback(pastebin);
- }, 0);
- }
- var me = this;
- var txtContent, htmlContent, address;
- function filter(div) {
- var html;
- if (div.firstChild) {
- //去掉cut中添加的边界值
- var nodes = domUtils.getElementsByTagName(div, 'span');
- for (var i = 0, ni; ni = nodes[i++];) {
- if (ni.id == '_baidu_cut_start' || ni.id == '_baidu_cut_end') {
- domUtils.remove(ni);
- }
- }
- if (browser.webkit) {
- var brs = div.querySelectorAll('div br');
- for (var i = 0, bi; bi = brs[i++];) {
- var pN = bi.parentNode;
- if (pN.tagName == 'DIV' && pN.childNodes.length == 1) {
- pN.innerHTML = '<p><br/></p>';
- domUtils.remove(pN);
- }
- }
- var divs = div.querySelectorAll('#baidu_pastebin');
- for (var i = 0, di; di = divs[i++];) {
- var tmpP = me.document.createElement('p');
- di.parentNode.insertBefore(tmpP, di);
- while (di.firstChild) {
- tmpP.appendChild(di.firstChild);
- }
- domUtils.remove(di);
- }
- var metas = div.querySelectorAll('meta');
- for (var i = 0, ci; ci = metas[i++];) {
- domUtils.remove(ci);
- }
- var brs = div.querySelectorAll('br');
- for (i = 0; ci = brs[i++];) {
- if (/^apple-/i.test(ci.className)) {
- domUtils.remove(ci);
- }
- }
- }
- if (browser.gecko) {
- var dirtyNodes = div.querySelectorAll('[_moz_dirty]');
- for (i = 0; ci = dirtyNodes[i++];) {
- ci.removeAttribute('_moz_dirty');
- }
- }
- if (!browser.ie) {
- var spans = div.querySelectorAll('span.Apple-style-span');
- for (var i = 0, ci; ci = spans[i++];) {
- domUtils.remove(ci, true);
- }
- }
- //ie下使用innerHTML会产生多余的\r\n字符,也会产生 这里过滤掉
- html = div.innerHTML;//.replace(/>(?:(\s| )*?)</g,'><');
- //过滤word粘贴过来的冗余属性
- html = UE.filterWord(html);
- //取消了忽略空白的第二个参数,粘贴过来的有些是有空白的,会被套上相关的标签
- var root = UE.htmlparser(html);
- //如果给了过滤规则就先进行过滤
- if (me.options.filterRules) {
- UE.filterNode(root, me.options.filterRules);
- }
- //执行默认的处理
- me.filterInputRule(root);
- //针对chrome的处理
- if (browser.webkit) {
- var br = root.lastChild();
- if (br && br.type == 'element' && br.tagName == 'br') {
- root.removeChild(br)
- }
- utils.each(me.body.querySelectorAll('div'), function (node) {
- if (domUtils.isEmptyBlock(node)) {
- domUtils.remove(node)
- }
- })
- }
- html = {'html': root.toHtml()};
- me.fireEvent('beforepaste', html, root);
- //抢了默认的粘贴,那后边的内容就不执行了,比如表格粘贴
- if (!html.html) {
- return;
- }
- root = UE.htmlparser(html.html, true);
- //如果开启了纯文本模式
- if (me.queryCommandState('pasteplain') === 1) {
- me.execCommand('insertHtml', UE.filterNode(root, me.options.filterTxtRules).toHtml(), true);
- } else {
- //文本模式
- UE.filterNode(root, me.options.filterTxtRules);
- txtContent = root.toHtml();
- //完全模式
- htmlContent = html.html;
- address = me.selection.getRange().createAddress(true);
- me.execCommand('insertHtml', htmlContent, true);
- }
- me.fireEvent("afterpaste", html);
- }
- }
- me.addListener('pasteTransfer', function (cmd, plainType) {
- if (address && txtContent && htmlContent && txtContent != htmlContent) {
- var range = me.selection.getRange();
- range.moveToAddress(address, true);
- if (!range.collapsed) {
- while (!domUtils.isBody(range.startContainer)
- ) {
- var start = range.startContainer;
- if (start.nodeType == 1) {
- start = start.childNodes[range.startOffset];
- if (!start) {
- range.setStartBefore(range.startContainer);
- continue;
- }
- var pre = start.previousSibling;
- if (pre && pre.nodeType == 3 && new RegExp('^[\n\r\t ' + domUtils.fillChar + ']*$').test(pre.nodeValue)) {
- range.setStartBefore(pre)
- }
- }
- if (range.startOffset == 0) {
- range.setStartBefore(range.startContainer);
- } else {
- break;
- }
- }
- while (!domUtils.isBody(range.endContainer)
- ) {
- var end = range.endContainer;
- if (end.nodeType == 1) {
- end = end.childNodes[range.endOffset];
- if (!end) {
- range.setEndAfter(range.endContainer);
- continue;
- }
- var next = end.nextSibling;
- if (next && next.nodeType == 3 && new RegExp('^[\n\r\t' + domUtils.fillChar + ']*$').test(next.nodeValue)) {
- range.setEndAfter(next)
- }
- }
- if (range.endOffset == range.endContainer[range.endContainer.nodeType == 3 ? 'nodeValue' : 'childNodes'].length) {
- range.setEndAfter(range.endContainer);
- } else {
- break;
- }
- }
- }
- range.deleteContents();
- range.select(true);
- me.__hasEnterExecCommand = true;
- var html = htmlContent;
- if (plainType === 2) {
- html = html.replace(/<(\/?)([\w\-]+)([^>]*)>/gi, function (a, b, tagName, attrs) {
- tagName = tagName.toLowerCase();
- if ({img: 1}[tagName]) {
- return a;
- }
- attrs = attrs.replace(/([\w\-]*?)\s*=\s*(("([^"]*)")|('([^']*)')|([^\s>]+))/gi, function (str, atr, val) {
- if ({
- 'src': 1,
- 'href': 1,
- 'name': 1
- }[atr.toLowerCase()]) {
- return atr + '=' + val + ' '
- }
- return ''
- });
- if ({
- 'span': 1,
- 'div': 1
- }[tagName]) {
- return ''
- } else {
- return '<' + b + tagName + ' ' + utils.trim(attrs) + '>'
- }
- });
- } else if (plainType) {
- html = txtContent;
- }
- me.execCommand('inserthtml', html, true);
- me.__hasEnterExecCommand = false;
- var rng = me.selection.getRange();
- while (!domUtils.isBody(rng.startContainer) && !rng.startOffset &&
- rng.startContainer[rng.startContainer.nodeType == 3 ? 'nodeValue' : 'childNodes'].length
- ) {
- rng.setStartBefore(rng.startContainer);
- }
- var tmpAddress = rng.createAddress(true);
- address.endAddress = tmpAddress.startAddress;
- }
- });
- me.addListener('ready', function () {
- domUtils.on(me.body, 'cut', function () {
- var range = me.selection.getRange();
- if (!range.collapsed && me.undoManger) {
- me.undoManger.save();
- }
- });
- //ie下beforepaste在点击右键时也会触发,所以用监控键盘才处理
- domUtils.on(me.body, browser.ie || browser.opera ? 'keydown' : 'paste', function (e) {
- if ((browser.ie || browser.opera) && ((!e.ctrlKey && !e.metaKey) || e.keyCode != '86')) {
- return;
- }
- getClipboardData.call(me, function (div) {
- filter(div);
- });
- });
- });
- };
- ///import core
- ///commands 有序列表,无序列表
- ///commandsName InsertOrderedList,InsertUnorderedList
- ///commandsTitle 有序列表,无序列表
- /**
- * 有序列表
- * @function
- * @name baidu.editor.execCommand
- * @param {String} cmdName insertorderlist插入有序列表
- * @param {String} style 值为:decimal,lower-alpha,lower-roman,upper-alpha,upper-roman
- * @author zhanyi
- */
- /**
- * 无序链接
- * @function
- * @name baidu.editor.execCommand
- * @param {String} cmdName insertunorderlist插入无序列表
- * * @param {String} style 值为:circle,disc,square
- * @author zhanyi
- */
- UE.plugins['list'] = function () {
- var me = this,
- notExchange = {
- 'TD': 1,
- 'PRE': 1,
- 'BLOCKQUOTE': 1
- };
- var customStyle = {
- 'cn': 'cn-1-',
- 'cn1': 'cn-2-',
- 'cn2': 'cn-3-',
- 'num': 'num-1-',
- 'num1': 'num-2-',
- 'num2': 'num-3-',
- 'dash': 'dash',
- 'dot': 'dot'
- };
- me.setOpt({
- 'insertorderedlist': {
- 'num': '',
- 'num1': '',
- 'num2': '',
- 'cn': '',
- 'cn1': '',
- 'cn2': '',
- 'decimal': '',
- 'lower-alpha': '',
- 'lower-roman': '',
- 'upper-alpha': '',
- 'upper-roman': ''
- },
- 'insertunorderedlist': {
- 'circle': '',
- 'disc': '',
- 'square': '',
- 'dash': '',
- 'dot': ''
- },
- listDefaultPaddingLeft: '30',
- listiconpath: 'http://bs.baidu.com/listicon/',
- maxListLevel: -1//-1不限制
- });
- function listToArray(list) {
- var arr = [];
- for (var p in list) {
- arr.push(p)
- }
- return arr;
- }
- var listStyle = {
- 'OL': listToArray(me.options.insertorderedlist),
- 'UL': listToArray(me.options.insertunorderedlist)
- };
- var liiconpath = me.options.listiconpath;
- //根据用户配置,调整customStyle
- for (var s in customStyle) {
- if (!me.options.insertorderedlist.hasOwnProperty(s) && !me.options.insertunorderedlist.hasOwnProperty(s)) {
- delete customStyle[s];
- }
- }
- me.ready(function () {
- var customCss = [];
- for (var p in customStyle) {
- if (p == 'dash' || p == 'dot') {
- customCss.push('li.list-' + customStyle[p] + '{background-image:url(' + liiconpath + customStyle[p] + '.gif)}');
- customCss.push('ul.custom_' + p + '{list-style:none;}ul.custom_' + p + ' li{background-position:0 3px;background-repeat:no-repeat}');
- } else {
- for (var i = 0; i < 99; i++) {
- customCss.push('li.list-' + customStyle[p] + i + '{background-image:url(' + liiconpath + 'list-' + customStyle[p] + i + '.gif)}')
- }
- customCss.push('ol.custom_' + p + '{list-style:none;}ol.custom_' + p + ' li{background-position:0 3px;background-repeat:no-repeat}');
- }
- switch (p) {
- case 'cn':
- customCss.push('li.list-' + p + '-paddingleft-1{padding-left:25px}');
- customCss.push('li.list-' + p + '-paddingleft-2{padding-left:40px}');
- customCss.push('li.list-' + p + '-paddingleft-3{padding-left:55px}');
- break;
- case 'cn1':
- customCss.push('li.list-' + p + '-paddingleft-1{padding-left:30px}');
- customCss.push('li.list-' + p + '-paddingleft-2{padding-left:40px}');
- customCss.push('li.list-' + p + '-paddingleft-3{padding-left:55px}');
- break;
- case 'cn2':
- customCss.push('li.list-' + p + '-paddingleft-1{padding-left:40px}');
- customCss.push('li.list-' + p + '-paddingleft-2{padding-left:55px}');
- customCss.push('li.list-' + p + '-paddingleft-3{padding-left:68px}');
- break;
- case 'num':
- case 'num1':
- customCss.push('li.list-' + p + '-paddingleft-1{padding-left:25px}');
- break;
- case 'num2':
- customCss.push('li.list-' + p + '-paddingleft-1{padding-left:35px}');
- customCss.push('li.list-' + p + '-paddingleft-2{padding-left:40px}');
- break;
- case 'dash':
- customCss.push('li.list-' + p + '-paddingleft{padding-left:35px}');
- break;
- case 'dot':
- customCss.push('li.list-' + p + '-paddingleft{padding-left:20px}');
- }
- }
- customCss.push('.list-paddingleft-1{padding-left:0}');
- customCss.push('.list-paddingleft-2{padding-left:' + me.options.listDefaultPaddingLeft + 'px}');
- customCss.push('.list-paddingleft-3{padding-left:' + me.options.listDefaultPaddingLeft * 2 + 'px}');
- //如果不给宽度会在自定应样式里出现滚动条
- utils.cssRule('list', 'ol,ul{margin:0;pading:0;' + (browser.ie ? '' : 'width:95%') + '}li{clear:both;}' + customCss.join('\n'), me.document);
- });
- //单独处理剪切的问题
- me.ready(function () {
- domUtils.on(me.body, 'cut', function () {
- setTimeout(function () {
- var rng = me.selection.getRange(), li;
- //trace:3416
- if (!rng.collapsed) {
- if (li = domUtils.findParentByTagName(rng.startContainer, 'li', true)) {
- if (!li.nextSibling && domUtils.isEmptyBlock(li)) {
- var pn = li.parentNode, node;
- if (node = pn.previousSibling) {
- domUtils.remove(pn);
- rng.setStartAtLast(node).collapse(true);
- rng.select(true);
- } else if (node = pn.nextSibling) {
- domUtils.remove(pn);
- rng.setStartAtFirst(node).collapse(true);
- rng.select(true);
- } else {
- var tmpNode = me.document.createElement('p');
- domUtils.fillNode(me.document, tmpNode);
- pn.parentNode.insertBefore(tmpNode, pn);
- domUtils.remove(pn);
- rng.setStart(tmpNode, 0).collapse(true);
- rng.select(true);
- }
- }
- }
- }
- })
- })
- });
- function getStyle(node) {
- var cls = node.className;
- if (domUtils.hasClass(node, /custom_/)) {
- return cls.match(/custom_(\w+)/)[1]
- }
- return domUtils.getStyle(node, 'list-style-type')
- }
- me.addListener('beforepaste', function (type, html) {
- var me = this,
- rng = me.selection.getRange(), li;
- var root = UE.htmlparser(html.html, true);
- if (li = domUtils.findParentByTagName(rng.startContainer, 'li', true)) {
- var list = li.parentNode, tagName = list.tagName == 'OL' ? 'ul' : 'ol';
- utils.each(root.getNodesByTagName(tagName), function (n) {
- n.tagName = list.tagName;
- n.setAttr();
- if (n.parentNode === root) {
- type = getStyle(list) || (list.tagName == 'OL' ? 'decimal' : 'disc')
- } else {
- var className = n.parentNode.getAttr('class');
- if (className && /custom_/.test(className)) {
- type = className.match(/custom_(\w+)/)[1]
- } else {
- type = n.parentNode.getStyle('list-style-type');
- }
- if (!type) {
- type = list.tagName == 'OL' ? 'decimal' : 'disc';
- }
- }
- var index = utils.indexOf(listStyle[list.tagName], type);
- if (n.parentNode !== root)
- index = index + 1 == listStyle[list.tagName].length ? 0 : index + 1;
- var currentStyle = listStyle[list.tagName][index];
- if (customStyle[currentStyle]) {
- n.setAttr('class', 'custom_' + currentStyle)
- } else {
- n.setStyle('list-style-type', currentStyle)
- }
- })
- }
- html.html = root.toHtml();
- });
- //进入编辑器的li要套p标签
- me.addInputRule(function (root) {
- utils.each(root.getNodesByTagName('li'), function (li) {
- var tmpP = UE.uNode.createElement('p');
- for (var i = 0, ci; ci = li.children[i];) {
- if (ci.type == 'text' || dtd.p[ci.tagName]) {
- tmpP.appendChild(ci);
- } else {
- if (tmpP.firstChild()) {
- li.insertBefore(tmpP, ci);
- tmpP = UE.uNode.createElement('p');
- i = i + 2;
- } else {
- i++;
- }
- }
- }
- if (tmpP.firstChild() && !tmpP.parentNode || !li.firstChild()) {
- li.appendChild(tmpP);
- }
- //trace:3357
- //p不能为空
- if (!tmpP.firstChild()) {
- tmpP.innerHTML(browser.ie ? ' ' : '<br/>')
- }
- //去掉末尾的空白
- var p = li.firstChild();
- var lastChild = p.lastChild();
- if (lastChild && lastChild.type == 'text' && /^\s*$/.test(lastChild.data)) {
- p.removeChild(lastChild)
- }
- });
- var orderlisttype = {
- 'num1': /^\d+\)/,
- 'decimal': /^\d+\./,
- 'lower-alpha': /^[a-z]+\)/,
- 'upper-alpha': /^[A-Z]+\./,
- 'cn': /^[\u4E00\u4E8C\u4E09\u56DB\u516d\u4e94\u4e03\u516b\u4e5d]+[\u3001]/,
- 'cn2': /^\([\u4E00\u4E8C\u4E09\u56DB\u516d\u4e94\u4e03\u516b\u4e5d]+\)/
- },
- unorderlisttype = {
- 'square': 'n'
- };
- function checkListType(content, container) {
- var span = container.firstChild();
- if (span && span.type == 'element' && span.tagName == 'span' && /Wingdings|Symbol/.test(span.getStyle('font-family'))) {
- for (var p in unorderlisttype) {
- if (unorderlisttype[p] == span.data) {
- return p
- }
- }
- return 'disc'
- }
- for (var p in orderlisttype) {
- if (orderlisttype[p].test(content)) {
- return p;
- }
- }
- }
- utils.each(root.getNodesByTagName('p'), function (node) {
- if (node.getAttr('class') != 'MsoListParagraph') {
- return
- }
- //word粘贴过来的会带有margin要去掉,但这样也可能会误命中一些央视
- node.setStyle('margin', '');
- node.setStyle('margin-left', '');
- node.setAttr('class', '');
- function appendLi(list, p, type) {
- if (list.tagName == 'ol') {
- if (browser.ie) {
- var first = p.firstChild();
- if (first.type == 'element' && first.tagName == 'span' && orderlisttype[type].test(first.innerText())) {
- p.removeChild(first);
- }
- } else {
- p.innerHTML(p.innerHTML().replace(orderlisttype[type], ''));
- }
- } else {
- p.removeChild(p.firstChild())
- }
- var li = UE.uNode.createElement('li');
- li.appendChild(p);
- list.appendChild(li);
- }
- var tmp = node, type, cacheNode = node;
- if (node.parentNode.tagName != 'li' && (type = checkListType(node.innerText(), node))) {
- var list = UE.uNode.createElement(me.options.insertorderedlist.hasOwnProperty(type) ? 'ol' : 'ul');
- if (customStyle[type]) {
- list.setAttr('class', 'custom_' + type)
- } else {
- list.setStyle('list-style-type', type)
- }
- while (node && node.parentNode.tagName != 'li' && checkListType(node.innerText(), node)) {
- tmp = node.nextSibling();
- if (!tmp) {
- node.parentNode.insertBefore(list, node)
- }
- appendLi(list, node, type);
- node = tmp;
- }
- if (!list.parentNode && node && node.parentNode) {
- node.parentNode.insertBefore(list, node)
- }
- }
- var span = cacheNode.firstChild();
- if (span && span.type == 'element' && span.tagName == 'span' && /^\s*( )+\s*$/.test(span.innerText())) {
- span.parentNode.removeChild(span)
- }
- })
- });
- //调整索引标签
- me.addListener('contentchange', function () {
- adjustListStyle(me.document)
- });
- function adjustListStyle(doc, ignore) {
- utils.each(domUtils.getElementsByTagName(doc, 'ol ul'), function (node) {
- if (!domUtils.inDoc(node, doc))
- return;
- var parent = node.parentNode;
- if (parent.tagName == node.tagName) {
- var nodeStyleType = getStyle(node) || (node.tagName == 'OL' ? 'decimal' : 'disc'),
- parentStyleType = getStyle(parent) || (parent.tagName == 'OL' ? 'decimal' : 'disc');
- if (nodeStyleType == parentStyleType) {
- var styleIndex = utils.indexOf(listStyle[node.tagName], nodeStyleType);
- styleIndex = styleIndex + 1 == listStyle[node.tagName].length ? 0 : styleIndex + 1;
- setListStyle(node, listStyle[node.tagName][styleIndex])
- }
- }
- var index = 0, type = 2;
- if (domUtils.hasClass(node, /custom_/)) {
- if (!(/[ou]l/i.test(parent.tagName) && domUtils.hasClass(parent, /custom_/))) {
- type = 1;
- }
- } else {
- if (/[ou]l/i.test(parent.tagName) && domUtils.hasClass(parent, /custom_/)) {
- type = 3;
- }
- }
- var style = domUtils.getStyle(node, 'list-style-type');
- style && (node.style.cssText = 'list-style-type:' + style);
- node.className = utils.trim(node.className.replace(/list-paddingleft-\w+/, '')) + ' list-paddingleft-' + type;
- utils.each(domUtils.getElementsByTagName(node, 'li'), function (li) {
- li.style.cssText && (li.style.cssText = '');
- if (!li.firstChild) {
- domUtils.remove(li);
- return;
- }
- if (li.parentNode !== node) {
- return;
- }
- index++;
- if (domUtils.hasClass(node, /custom_/)) {
- var paddingLeft = 1, currentStyle = getStyle(node);
- if (node.tagName == 'OL') {
- if (currentStyle) {
- switch (currentStyle) {
- case 'cn' :
- case 'cn1':
- case 'cn2':
- if (index > 10 && (index % 10 == 0 || index > 10 && index < 20)) {
- paddingLeft = 2
- } else if (index > 20) {
- paddingLeft = 3
- }
- break;
- case 'num2' :
- if (index > 9) {
- paddingLeft = 2
- }
- }
- }
- li.className = 'list-' + customStyle[currentStyle] + index + ' ' + 'list-' + currentStyle + '-paddingleft-' + paddingLeft;
- } else {
- li.className = 'list-' + customStyle[currentStyle] + ' ' + 'list-' + currentStyle + '-paddingleft';
- }
- } else {
- li.className = li.className.replace(/list-[\w\-]+/gi, '');
- }
- var className = li.getAttribute('class');
- if (className !== null && !className.replace(/\s/g, '')) {
- domUtils.removeAttributes(li, 'class')
- }
- });
- !ignore && adjustList(node, node.tagName.toLowerCase(), getStyle(node) || domUtils.getStyle(node, 'list-style-type'), true);
- })
- }
- function adjustList(list, tag, style, ignoreEmpty) {
- var nextList = list.nextSibling;
- if (nextList && nextList.nodeType == 1 && nextList.tagName.toLowerCase() == tag && (getStyle(nextList) || domUtils.getStyle(nextList, 'list-style-type') || (tag == 'ol' ? 'decimal' : 'disc')) == style) {
- domUtils.moveChild(nextList, list);
- if (nextList.childNodes.length == 0) {
- domUtils.remove(nextList);
- }
- }
- if (nextList && domUtils.isFillChar(nextList)) {
- domUtils.remove(nextList);
- }
- var preList = list.previousSibling;
- if (preList && preList.nodeType == 1 && preList.tagName.toLowerCase() == tag && (getStyle(preList) || domUtils.getStyle(preList, 'list-style-type') || (tag == 'ol' ? 'decimal' : 'disc')) == style) {
- domUtils.moveChild(list, preList);
- }
- if (preList && domUtils.isFillChar(preList)) {
- domUtils.remove(preList);
- }
- !ignoreEmpty && domUtils.isEmptyBlock(list) && domUtils.remove(list);
- if (getStyle(list)) {
- adjustListStyle(list.ownerDocument, true)
- }
- }
- function setListStyle(list, style) {
- if (customStyle[style]) {
- list.className = 'custom_' + style;
- }
- try {
- domUtils.setStyle(list, 'list-style-type', style);
- } catch (e) {
- }
- }
- function clearEmptySibling(node) {
- var tmpNode = node.previousSibling;
- if (tmpNode && domUtils.isEmptyBlock(tmpNode)) {
- domUtils.remove(tmpNode);
- }
- tmpNode = node.nextSibling;
- if (tmpNode && domUtils.isEmptyBlock(tmpNode)) {
- domUtils.remove(tmpNode);
- }
- }
- me.addListener('keydown', function (type, evt) {
- function preventAndSave() {
- evt.preventDefault ? evt.preventDefault() : (evt.returnValue = false);
- me.fireEvent('contentchange');
- me.undoManger && me.undoManger.save();
- }
- function findList(node, filterFn) {
- while (node && !domUtils.isBody(node)) {
- if (filterFn(node)) {
- return null
- }
- if (node.nodeType == 1 && /[ou]l/i.test(node.tagName)) {
- return node;
- }
- node = node.parentNode;
- }
- return null;
- }
- var keyCode = evt.keyCode || evt.which;
- if (keyCode == 13 && !evt.shiftKey) {//回车
- var rng = me.selection.getRange(),
- parent = domUtils.findParent(rng.startContainer, function (node) {
- return domUtils.isBlockElm(node)
- }, true),
- li = domUtils.findParentByTagName(rng.startContainer, 'li', true);
- if (parent && parent.tagName != 'PRE' && !li) {
- var html = parent.innerHTML.replace(new RegExp(domUtils.fillChar, 'g'), '');
- if (/^\s*1\s*\.[^\d]/.test(html)) {
- parent.innerHTML = html.replace(/^\s*1\s*\./, '');
- rng.setStartAtLast(parent).collapse(true).select();
- me.__hasEnterExecCommand = true;
- me.execCommand('insertorderedlist');
- me.__hasEnterExecCommand = false;
- }
- }
- var range = me.selection.getRange(),
- start = findList(range.startContainer, function (node) {
- return node.tagName == 'TABLE';
- }),
- end = range.collapsed ? start : findList(range.endContainer, function (node) {
- return node.tagName == 'TABLE';
- });
- if (start && end && start === end) {
- if (!range.collapsed) {
- start = domUtils.findParentByTagName(range.startContainer, 'li', true);
- end = domUtils.findParentByTagName(range.endContainer, 'li', true);
- if (start && end && start === end) {
- range.deleteContents();
- li = domUtils.findParentByTagName(range.startContainer, 'li', true);
- if (li && domUtils.isEmptyBlock(li)) {
- pre = li.previousSibling;
- next = li.nextSibling;
- p = me.document.createElement('p');
- domUtils.fillNode(me.document, p);
- parentList = li.parentNode;
- if (pre && next) {
- range.setStart(next, 0).collapse(true).select(true);
- domUtils.remove(li);
- } else {
- if (!pre && !next || !pre) {
- parentList.parentNode.insertBefore(p, parentList);
- } else {
- li.parentNode.parentNode.insertBefore(p, parentList.nextSibling);
- }
- domUtils.remove(li);
- if (!parentList.firstChild) {
- domUtils.remove(parentList);
- }
- range.setStart(p, 0).setCursor();
- }
- preventAndSave();
- return;
- }
- } else {
- var tmpRange = range.cloneRange(),
- bk = tmpRange.collapse(false).createBookmark();
- range.deleteContents();
- tmpRange.moveToBookmark(bk);
- var li = domUtils.findParentByTagName(tmpRange.startContainer, 'li', true);
- clearEmptySibling(li);
- tmpRange.select();
- preventAndSave();
- return;
- }
- }
- li = domUtils.findParentByTagName(range.startContainer, 'li', true);
- if (li) {
- if (domUtils.isEmptyBlock(li)) {
- bk = range.createBookmark();
- var parentList = li.parentNode;
- if (li !== parentList.lastChild) {
- domUtils.breakParent(li, parentList);
- clearEmptySibling(li);
- } else {
- parentList.parentNode.insertBefore(li, parentList.nextSibling);
- if (domUtils.isEmptyNode(parentList)) {
- domUtils.remove(parentList);
- }
- }
- //嵌套不处理
- if (!dtd.$list[li.parentNode.tagName]) {
- if (!domUtils.isBlockElm(li.firstChild)) {
- p = me.document.createElement('p');
- li.parentNode.insertBefore(p, li);
- while (li.firstChild) {
- p.appendChild(li.firstChild);
- }
- domUtils.remove(li);
- } else {
- domUtils.remove(li, true);
- }
- }
- range.moveToBookmark(bk).select();
- } else {
- var first = li.firstChild;
- if (!first || !domUtils.isBlockElm(first)) {
- var p = me.document.createElement('p');
- !li.firstChild && domUtils.fillNode(me.document, p);
- while (li.firstChild) {
- p.appendChild(li.firstChild);
- }
- li.appendChild(p);
- first = p;
- }
- var span = me.document.createElement('span');
- range.insertNode(span);
- domUtils.breakParent(span, li);
- var nextLi = span.nextSibling;
- first = nextLi.firstChild;
- if (!first) {
- p = me.document.createElement('p');
- domUtils.fillNode(me.document, p);
- nextLi.appendChild(p);
- first = p;
- }
- if (domUtils.isEmptyNode(first)) {
- first.innerHTML = '';
- domUtils.fillNode(me.document, first);
- }
- range.setStart(first, 0).collapse(true).shrinkBoundary().select();
- domUtils.remove(span);
- var pre = nextLi.previousSibling;
- if (pre && domUtils.isEmptyBlock(pre)) {
- pre.innerHTML = '<p></p>';
- domUtils.fillNode(me.document, pre.firstChild);
- }
- }
- // }
- preventAndSave();
- }
- }
- }
- if (keyCode == 8) {
- //修中ie中li下的问题
- range = me.selection.getRange();
- if (range.collapsed && domUtils.isStartInblock(range)) {
- tmpRange = range.cloneRange().trimBoundary();
- li = domUtils.findParentByTagName(range.startContainer, 'li', true);
- //要在li的最左边,才能处理
- if (li && domUtils.isStartInblock(tmpRange)) {
- start = domUtils.findParentByTagName(range.startContainer, 'p', true);
- if (start && start !== li.firstChild) {
- var parentList = domUtils.findParentByTagName(start, ['ol', 'ul']);
- domUtils.breakParent(start, parentList);
- clearEmptySibling(start);
- me.fireEvent('contentchange');
- range.setStart(start, 0).setCursor(false, true);
- me.fireEvent('saveScene');
- domUtils.preventDefault(evt);
- return;
- }
- if (li && (pre = li.previousSibling)) {
- if (keyCode == 46 && li.childNodes.length) {
- return;
- }
- //有可能上边的兄弟节点是个2级菜单,要追加到2级菜单的最后的li
- if (dtd.$list[pre.tagName]) {
- pre = pre.lastChild;
- }
- me.undoManger && me.undoManger.save();
- first = li.firstChild;
- if (domUtils.isBlockElm(first)) {
- if (domUtils.isEmptyNode(first)) {
- // range.setEnd(pre, pre.childNodes.length).shrinkBoundary().collapse().select(true);
- pre.appendChild(first);
- range.setStart(first, 0).setCursor(false, true);
- //first不是唯一的节点
- while (li.firstChild) {
- pre.appendChild(li.firstChild);
- }
- } else {
- span = me.document.createElement('span');
- range.insertNode(span);
- //判断pre是否是空的节点,如果是<p><br/></p>类型的空节点,干掉p标签防止它占位
- if (domUtils.isEmptyBlock(pre)) {
- pre.innerHTML = '';
- }
- domUtils.moveChild(li, pre);
- range.setStartBefore(span).collapse(true).select(true);
- domUtils.remove(span);
- }
- } else {
- if (domUtils.isEmptyNode(li)) {
- var p = me.document.createElement('p');
- pre.appendChild(p);
- range.setStart(p, 0).setCursor();
- // range.setEnd(pre, pre.childNodes.length).shrinkBoundary().collapse().select(true);
- } else {
- range.setEnd(pre, pre.childNodes.length).collapse().select(true);
- while (li.firstChild) {
- pre.appendChild(li.firstChild);
- }
- }
- }
- domUtils.remove(li);
- me.fireEvent('contentchange');
- me.fireEvent('saveScene');
- domUtils.preventDefault(evt);
- return;
- }
- //trace:980
- if (li && !li.previousSibling) {
- var parentList = li.parentNode;
- var bk = range.createBookmark();
- if (domUtils.isTagNode(parentList.parentNode, 'ol ul')) {
- parentList.parentNode.insertBefore(li, parentList);
- if (domUtils.isEmptyNode(parentList)) {
- domUtils.remove(parentList)
- }
- } else {
- while (li.firstChild) {
- parentList.parentNode.insertBefore(li.firstChild, parentList);
- }
- domUtils.remove(li);
- if (domUtils.isEmptyNode(parentList)) {
- domUtils.remove(parentList)
- }
- }
- range.moveToBookmark(bk).setCursor(false, true);
- me.fireEvent('contentchange');
- me.fireEvent('saveScene');
- domUtils.preventDefault(evt);
- return;
- }
- }
- }
- }
- });
- me.addListener('keyup', function (type, evt) {
- var keyCode = evt.keyCode || evt.which;
- if (keyCode == 8) {
- var rng = me.selection.getRange(), list;
- if (list = domUtils.findParentByTagName(rng.startContainer, ['ol', 'ul'], true)) {
- adjustList(list, list.tagName.toLowerCase(), getStyle(list) || domUtils.getComputedStyle(list, 'list-style-type'), true)
- }
- }
- });
- //处理tab键
- me.addListener('tabkeydown', function () {
- var range = me.selection.getRange();
- //控制级数
- function checkLevel(li) {
- if (me.options.maxListLevel != -1) {
- var level = li.parentNode, levelNum = 0;
- while (/[ou]l/i.test(level.tagName)) {
- levelNum++;
- level = level.parentNode;
- }
- if (levelNum >= me.options.maxListLevel) {
- return true;
- }
- }
- }
- //只以开始为准
- //todo 后续改进
- var li = domUtils.findParentByTagName(range.startContainer, 'li', true);
- if (li) {
- var bk;
- if (range.collapsed) {
- if (checkLevel(li))
- return true;
- var parentLi = li.parentNode,
- list = me.document.createElement(parentLi.tagName),
- index = utils.indexOf(listStyle[list.tagName], getStyle(parentLi) || domUtils.getComputedStyle(parentLi, 'list-style-type'));
- index = index + 1 == listStyle[list.tagName].length ? 0 : index + 1;
- var currentStyle = listStyle[list.tagName][index];
- setListStyle(list, currentStyle);
- if (domUtils.isStartInblock(range)) {
- me.fireEvent('saveScene');
- bk = range.createBookmark();
- parentLi.insertBefore(list, li);
- list.appendChild(li);
- adjustList(list, list.tagName.toLowerCase(), currentStyle);
- me.fireEvent('contentchange');
- range.moveToBookmark(bk).select(true);
- return true;
- }
- } else {
- me.fireEvent('saveScene');
- bk = range.createBookmark();
- for (var i = 0, closeList, parents = domUtils.findParents(li), ci; ci = parents[i++];) {
- if (domUtils.isTagNode(ci, 'ol ul')) {
- closeList = ci;
- break;
- }
- }
- var current = li;
- if (bk.end) {
- while (current && !(domUtils.getPosition(current, bk.end) & domUtils.POSITION_FOLLOWING)) {
- if (checkLevel(current)) {
- current = domUtils.getNextDomNode(current, false, null, function (node) {
- return node !== closeList
- });
- continue;
- }
- var parentLi = current.parentNode,
- list = me.document.createElement(parentLi.tagName),
- index = utils.indexOf(listStyle[list.tagName], getStyle(parentLi) || domUtils.getComputedStyle(parentLi, 'list-style-type'));
- var currentIndex = index + 1 == listStyle[list.tagName].length ? 0 : index + 1;
- var currentStyle = listStyle[list.tagName][currentIndex];
- setListStyle(list, currentStyle);
- parentLi.insertBefore(list, current);
- while (current && !(domUtils.getPosition(current, bk.end) & domUtils.POSITION_FOLLOWING)) {
- li = current.nextSibling;
- list.appendChild(current);
- if (!li || domUtils.isTagNode(li, 'ol ul')) {
- if (li) {
- while (li = li.firstChild) {
- if (li.tagName == 'LI') {
- break;
- }
- }
- } else {
- li = domUtils.getNextDomNode(current, false, null, function (node) {
- return node !== closeList
- });
- }
- break;
- }
- current = li;
- }
- adjustList(list, list.tagName.toLowerCase(), currentStyle);
- current = li;
- }
- }
- me.fireEvent('contentchange');
- range.moveToBookmark(bk).select();
- return true;
- }
- }
- });
- function getLi(start) {
- while (start && !domUtils.isBody(start)) {
- if (start.nodeName == 'TABLE') {
- return null;
- }
- if (start.nodeName == 'LI') {
- return start
- }
- start = start.parentNode;
- }
- }
- me.commands['insertorderedlist'] =
- me.commands['insertunorderedlist'] = {
- execCommand: function (command, style) {
- if (!style) {
- style = command.toLowerCase() == 'insertorderedlist' ? 'decimal' : 'disc';
- }
- var me = this,
- range = this.selection.getRange(),
- filterFn = function (node) {
- return node.nodeType == 1 ? node.tagName.toLowerCase() != 'br' : !domUtils.isWhitespace(node);
- },
- tag = command.toLowerCase() == 'insertorderedlist' ? 'ol' : 'ul',
- frag = me.document.createDocumentFragment();
- //去掉是因为会出现选到末尾,导致adjustmentBoundary缩到ol/ul的位置
- //range.shrinkBoundary();//.adjustmentBoundary();
- range.adjustmentBoundary().shrinkBoundary();
- var bko = range.createBookmark(true),
- start = getLi(me.document.getElementById(bko.start)),
- modifyStart = 0,
- end = getLi(me.document.getElementById(bko.end)),
- modifyEnd = 0,
- startParent, endParent,
- list, tmp;
- if (start || end) {
- start && (startParent = start.parentNode);
- if (!bko.end) {
- end = start;
- }
- end && (endParent = end.parentNode);
- if (startParent === endParent) {
- while (start !== end) {
- tmp = start;
- start = start.nextSibling;
- if (!domUtils.isBlockElm(tmp.firstChild)) {
- var p = me.document.createElement('p');
- while (tmp.firstChild) {
- p.appendChild(tmp.firstChild);
- }
- tmp.appendChild(p);
- }
- frag.appendChild(tmp);
- }
- tmp = me.document.createElement('span');
- startParent.insertBefore(tmp, end);
- if (!domUtils.isBlockElm(end.firstChild)) {
- p = me.document.createElement('p');
- while (end.firstChild) {
- p.appendChild(end.firstChild);
- }
- end.appendChild(p);
- }
- frag.appendChild(end);
- domUtils.breakParent(tmp, startParent);
- if (domUtils.isEmptyNode(tmp.previousSibling)) {
- domUtils.remove(tmp.previousSibling);
- }
- if (domUtils.isEmptyNode(tmp.nextSibling)) {
- domUtils.remove(tmp.nextSibling)
- }
- var nodeStyle = getStyle(startParent) || domUtils.getComputedStyle(startParent, 'list-style-type') || (command.toLowerCase() == 'insertorderedlist' ? 'decimal' : 'disc');
- if (startParent.tagName.toLowerCase() == tag && nodeStyle == style) {
- for (var i = 0, ci, tmpFrag = me.document.createDocumentFragment(); ci = frag.childNodes[i++];) {
- if (domUtils.isTagNode(ci, 'ol ul')) {
- utils.each(domUtils.getElementsByTagName(ci, 'li'), function (li) {
- while (li.firstChild) {
- tmpFrag.appendChild(li.firstChild);
- }
- });
- } else {
- while (ci.firstChild) {
- tmpFrag.appendChild(ci.firstChild);
- }
- }
- }
- tmp.parentNode.insertBefore(tmpFrag, tmp);
- } else {
- list = me.document.createElement(tag);
- setListStyle(list, style);
- list.appendChild(frag);
- tmp.parentNode.insertBefore(list, tmp);
- }
- domUtils.remove(tmp);
- list && adjustList(list, tag, style);
- range.moveToBookmark(bko).select();
- return;
- }
- //开始
- if (start) {
- while (start) {
- tmp = start.nextSibling;
- if (domUtils.isTagNode(start, 'ol ul')) {
- frag.appendChild(start);
- } else {
- var tmpfrag = me.document.createDocumentFragment(),
- hasBlock = 0;
- while (start.firstChild) {
- if (domUtils.isBlockElm(start.firstChild)) {
- hasBlock = 1;
- }
- tmpfrag.appendChild(start.firstChild);
- }
- if (!hasBlock) {
- var tmpP = me.document.createElement('p');
- tmpP.appendChild(tmpfrag);
- frag.appendChild(tmpP);
- } else {
- frag.appendChild(tmpfrag);
- }
- domUtils.remove(start);
- }
- start = tmp;
- }
- startParent.parentNode.insertBefore(frag, startParent.nextSibling);
- if (domUtils.isEmptyNode(startParent)) {
- range.setStartBefore(startParent);
- domUtils.remove(startParent);
- } else {
- range.setStartAfter(startParent);
- }
- modifyStart = 1;
- }
- if (end && domUtils.inDoc(endParent, me.document)) {
- //结束
- start = endParent.firstChild;
- while (start && start !== end) {
- tmp = start.nextSibling;
- if (domUtils.isTagNode(start, 'ol ul')) {
- frag.appendChild(start);
- } else {
- tmpfrag = me.document.createDocumentFragment();
- hasBlock = 0;
- while (start.firstChild) {
- if (domUtils.isBlockElm(start.firstChild)) {
- hasBlock = 1;
- }
- tmpfrag.appendChild(start.firstChild);
- }
- if (!hasBlock) {
- tmpP = me.document.createElement('p');
- tmpP.appendChild(tmpfrag);
- frag.appendChild(tmpP);
- } else {
- frag.appendChild(tmpfrag);
- }
- domUtils.remove(start);
- }
- start = tmp;
- }
- var tmpDiv = domUtils.createElement(me.document, 'div', {
- 'tmpDiv': 1
- });
- domUtils.moveChild(end, tmpDiv);
- frag.appendChild(tmpDiv);
- domUtils.remove(end);
- endParent.parentNode.insertBefore(frag, endParent);
- range.setEndBefore(endParent);
- if (domUtils.isEmptyNode(endParent)) {
- domUtils.remove(endParent);
- }
- modifyEnd = 1;
- }
- }
- if (!modifyStart) {
- range.setStartBefore(me.document.getElementById(bko.start));
- }
- if (bko.end && !modifyEnd) {
- range.setEndAfter(me.document.getElementById(bko.end));
- }
- range.enlarge(true, function (node) {
- return notExchange[node.tagName];
- });
- frag = me.document.createDocumentFragment();
- var bk = range.createBookmark(),
- current = domUtils.getNextDomNode(bk.start, false, filterFn),
- tmpRange = range.cloneRange(),
- tmpNode,
- block = domUtils.isBlockElm;
- while (current && current !== bk.end && (domUtils.getPosition(current, bk.end) & domUtils.POSITION_PRECEDING)) {
- if (current.nodeType == 3 || dtd.li[current.tagName]) {
- if (current.nodeType == 1 && dtd.$list[current.tagName]) {
- while (current.firstChild) {
- frag.appendChild(current.firstChild);
- }
- tmpNode = domUtils.getNextDomNode(current, false, filterFn);
- domUtils.remove(current);
- current = tmpNode;
- continue;
- }
- tmpNode = current;
- tmpRange.setStartBefore(current);
- while (current && current !== bk.end && (!block(current) || domUtils.isBookmarkNode(current) )) {
- tmpNode = current;
- current = domUtils.getNextDomNode(current, false, null, function (node) {
- return !notExchange[node.tagName];
- });
- }
- if (current && block(current)) {
- tmp = domUtils.getNextDomNode(tmpNode, false, filterFn);
- if (tmp && domUtils.isBookmarkNode(tmp)) {
- current = domUtils.getNextDomNode(tmp, false, filterFn);
- tmpNode = tmp;
- }
- }
- tmpRange.setEndAfter(tmpNode);
- current = domUtils.getNextDomNode(tmpNode, false, filterFn);
- var li = range.document.createElement('li');
- li.appendChild(tmpRange.extractContents());
- if (domUtils.isEmptyNode(li)) {
- var tmpNode = range.document.createElement('p');
- while (li.firstChild) {
- tmpNode.appendChild(li.firstChild)
- }
- li.appendChild(tmpNode);
- }
- frag.appendChild(li);
- } else {
- current = domUtils.getNextDomNode(current, true, filterFn);
- }
- }
- range.moveToBookmark(bk).collapse(true);
- list = me.document.createElement(tag);
- setListStyle(list, style);
- list.appendChild(frag);
- range.insertNode(list);
- //当前list上下看能否合并
- adjustList(list, tag, style);
- //去掉冗余的tmpDiv
- for (var i = 0, ci, tmpDivs = domUtils.getElementsByTagName(list, 'div'); ci = tmpDivs[i++];) {
- if (ci.getAttribute('tmpDiv')) {
- domUtils.remove(ci, true)
- }
- }
- range.moveToBookmark(bko).select();
- },
- queryCommandState: function (command) {
- var tag = command.toLowerCase() == 'insertorderedlist' ? 'ol' : 'ul';
- var path = this.selection.getStartElementPath();
- for (var i = 0, ci; ci = path[i++];) {
- if (ci.nodeName == 'TABLE') {
- return 0
- }
- if (tag == ci.nodeName.toLowerCase()) {
- return 1
- }
- ;
- }
- return 0;
- },
- queryCommandValue: function (command) {
- var tag = command.toLowerCase() == 'insertorderedlist' ? 'ol' : 'ul';
- var path = this.selection.getStartElementPath(),
- node;
- for (var i = 0, ci; ci = path[i++];) {
- if (ci.nodeName == 'TABLE') {
- node = null;
- break;
- }
- if (tag == ci.nodeName.toLowerCase()) {
- node = ci;
- break;
- }
- ;
- }
- return node ? getStyle(node) || domUtils.getComputedStyle(node, 'list-style-type') : null;
- }
- };
- };
- ///import core
- ///import plugins/serialize.js
- ///import plugins/undo.js
- ///commands 查看源码
- ///commandsName Source
- ///commandsTitle 查看源码
- (function () {
- var sourceEditors = {
- textarea: function (editor, holder) {
- var textarea = holder.ownerDocument.createElement('textarea');
- textarea.style.cssText = 'position:absolute;resize:none;width:100%;height:100%;border:0;padding:0;margin:0;overflow-y:auto;';
- // todo: IE下只有onresize属性可用... 很纠结
- if (browser.ie && browser.version < 8) {
- textarea.style.width = holder.offsetWidth + 'px';
- textarea.style.height = holder.offsetHeight + 'px';
- holder.onresize = function () {
- textarea.style.width = holder.offsetWidth + 'px';
- textarea.style.height = holder.offsetHeight + 'px';
- };
- }
- holder.appendChild(textarea);
- return {
- setContent: function (content) {
- textarea.value = content;
- },
- getContent: function () {
- return textarea.value;
- },
- select: function () {
- var range;
- if (browser.ie) {
- range = textarea.createTextRange();
- range.collapse(true);
- range.select();
- } else {
- //todo: chrome下无法设置焦点
- textarea.setSelectionRange(0, 0);
- textarea.focus();
- }
- },
- dispose: function () {
- holder.removeChild(textarea);
- // todo
- holder.onresize = null;
- textarea = null;
- holder = null;
- }
- };
- },
- codemirror: function (editor, holder) {
- var codeEditor = window.CodeMirror(holder, {
- mode: "text/html",
- tabMode: "indent",
- lineNumbers: true,
- lineWrapping: true
- });
- var dom = codeEditor.getWrapperElement();
- dom.style.cssText = 'position:absolute;left:0;top:0;width:100%;height:100%;font-family:consolas,"Courier new",monospace;font-size:13px;';
- codeEditor.getScrollerElement().style.cssText = 'position:absolute;left:0;top:0;width:100%;height:100%;';
- codeEditor.refresh();
- return {
- getCodeMirror: function () {
- return codeEditor;
- },
- setContent: function (content) {
- codeEditor.setValue(content);
- },
- getContent: function () {
- return codeEditor.getValue();
- },
- select: function () {
- codeEditor.focus();
- },
- dispose: function () {
- holder.removeChild(dom);
- dom = null;
- codeEditor = null;
- }
- };
- }
- };
- UE.plugins['source'] = function () {
- var me = this;
- var opt = this.options;
- var sourceMode = false;
- var sourceEditor;
- opt.sourceEditor = browser.ie ? 'textarea' : (opt.sourceEditor || 'codemirror');
- me.setOpt({
- sourceEditorFirst: false
- });
- function createSourceEditor(holder) {
- return sourceEditors[opt.sourceEditor == 'codemirror' && window.CodeMirror ? 'codemirror' : 'textarea'](me, holder);
- }
- var bakCssText;
- //解决在源码模式下getContent不能得到最新的内容问题
- var oldGetContent = me.getContent,
- bakAddress;
- me.commands['source'] = {
- execCommand: function () {
- sourceMode = !sourceMode;
- if (sourceMode) {
- bakAddress = me.selection.getRange().createAddress(false, true);
- me.undoManger && me.undoManger.save(true);
- if (browser.gecko) {
- me.body.contentEditable = false;
- }
- bakCssText = me.iframe.style.cssText;
- me.iframe.style.cssText += 'position:absolute;left:-32768px;top:-32768px;';
- me.fireEvent('beforegetcontent');
- var root = UE.htmlparser(me.body.innerHTML);
- me.filterOutputRule(root);
- root.traversal(function (node) {
- if (node.type == 'element') {
- switch (node.tagName) {
- case 'td':
- case 'th':
- case 'caption':
- if (node.children && node.children.length == 1) {
- if (node.firstChild().tagName == 'br') {
- node.removeChild(node.firstChild())
- }
- }
- ;
- break;
- case 'pre':
- node.innerText(node.innerText().replace(/ /g, ' '))
- }
- }
- });
- me.fireEvent('aftergetcontent');
- var content = root.toHtml(true);
- sourceEditor = createSourceEditor(me.iframe.parentNode);
- sourceEditor.setContent(content);
- setTimeout(function () {
- sourceEditor.select();
- me.addListener('fullscreenchanged', function () {
- try {
- sourceEditor.getCodeMirror().refresh()
- } catch (e) {
- }
- });
- });
- //重置getContent,源码模式下取值也能是最新的数据
- me.getContent = function () {
- return sourceEditor.getContent() || '<p>' + (browser.ie ? '' : '<br/>') + '</p>';
- };
- } else {
- me.iframe.style.cssText = bakCssText;
- var cont = sourceEditor.getContent() || '<p>' + (browser.ie ? '' : '<br/>') + '</p>';
- //处理掉block节点前后的空格,有可能会误命中,暂时不考虑
- cont = cont.replace(new RegExp('[\\r\\t\\n ]*<\/?(\\w+)\\s*(?:[^>]*)>', 'g'), function (a, b) {
- if (b && !dtd.$inlineWithA[b.toLowerCase()]) {
- return a.replace(/(^[\n\r\t ]*)|([\n\r\t ]*$)/g, '');
- }
- return a.replace(/(^[\n\r\t]*)|([\n\r\t]*$)/g, '')
- });
- me.setContent(cont);
- sourceEditor.dispose();
- sourceEditor = null;
- //还原getContent方法
- me.getContent = oldGetContent;
- var first = me.body.firstChild;
- //trace:1106 都删除空了,下边会报错,所以补充一个p占位
- if (!first) {
- me.body.innerHTML = '<p>' + (browser.ie ? '' : '<br/>') + '</p>';
- first = me.body.firstChild;
- }
- //要在ifm为显示时ff才能取到selection,否则报错
- //这里不能比较位置了
- me.undoManger && me.undoManger.save(true);
- if (browser.gecko) {
- var input = document.createElement('input');
- input.style.cssText = 'position:absolute;left:0;top:-32768px';
- document.body.appendChild(input);
- me.body.contentEditable = false;
- setTimeout(function () {
- domUtils.setViewportOffset(input, { left: -32768, top: 0 });
- input.focus();
- setTimeout(function () {
- me.body.contentEditable = true;
- me.selection.getRange().moveToAddress(bakAddress).select(true);
- domUtils.remove(input);
- });
- });
- } else {
- //ie下有可能报错,比如在代码顶头的情况
- try {
- me.selection.getRange().moveToAddress(bakAddress).select(true);
- } catch (e) {
- }
- }
- }
- this.fireEvent('sourcemodechanged', sourceMode);
- },
- queryCommandState: function () {
- return sourceMode | 0;
- },
- notNeedUndo: 1
- };
- var oldQueryCommandState = me.queryCommandState;
- me.queryCommandState = function (cmdName) {
- cmdName = cmdName.toLowerCase();
- if (sourceMode) {
- //源码模式下可以开启的命令
- return cmdName in {
- 'source': 1,
- 'fullscreen': 1
- } ? 1 : -1
- }
- return oldQueryCommandState.apply(this, arguments);
- };
- if (opt.sourceEditor == "codemirror") {
- me.addListener("ready", function () {
- utils.loadFile(document, {
- src: opt.codeMirrorJsUrl || opt.UEDITOR_HOME_URL + "third-party/codemirror/codemirror.js",
- tag: "script",
- type: "text/javascript",
- defer: "defer"
- }, function () {
- if (opt.sourceEditorFirst) {
- setTimeout(function () {
- me.execCommand("source");
- }, 0);
- }
- });
- utils.loadFile(document, {
- tag: "link",
- rel: "stylesheet",
- type: "text/css",
- href: opt.codeMirrorCssUrl || opt.UEDITOR_HOME_URL + "third-party/codemirror/codemirror.css"
- });
- });
- }
- };
- })();
- ///import core
- ///import plugins/undo.js
- ///commands 设置回车标签p或br
- ///commandsName EnterKey
- ///commandsTitle 设置回车标签p或br
- /**
- * @description 处理回车
- * @author zhanyi
- */
- UE.plugins['enterkey'] = function () {
- var hTag,
- me = this,
- tag = me.options.enterTag;
- me.addListener('keyup', function (type, evt) {
- var keyCode = evt.keyCode || evt.which;
- if (keyCode == 13) {
- var range = me.selection.getRange(),
- start = range.startContainer,
- doSave;
- //修正在h1-h6里边回车后不能嵌套p的问题
- if (!browser.ie) {
- if (/h\d/i.test(hTag)) {
- if (browser.gecko) {
- var h = domUtils.findParentByTagName(start, [ 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'blockquote', 'caption', 'table'], true);
- if (!h) {
- me.document.execCommand('formatBlock', false, '<p>');
- doSave = 1;
- }
- } else {
- //chrome remove div
- if (start.nodeType == 1) {
- var tmp = me.document.createTextNode(''), div;
- range.insertNode(tmp);
- div = domUtils.findParentByTagName(tmp, 'div', true);
- if (div) {
- var p = me.document.createElement('p');
- while (div.firstChild) {
- p.appendChild(div.firstChild);
- }
- div.parentNode.insertBefore(p, div);
- domUtils.remove(div);
- range.setStartBefore(tmp).setCursor();
- doSave = 1;
- }
- domUtils.remove(tmp);
- }
- }
- if (me.undoManger && doSave) {
- me.undoManger.save();
- }
- }
- //没有站位符,会出现多行的问题
- browser.opera && range.select();
- } else {
- me.fireEvent('saveScene', true, true)
- }
- }
- });
- me.addListener('keydown', function (type, evt) {
- var keyCode = evt.keyCode || evt.which;
- if (keyCode == 13) {//回车
- if (me.fireEvent('beforeenterkeydown')) {
- domUtils.preventDefault(evt);
- return;
- }
- me.fireEvent('saveScene', true, true);
- hTag = '';
- var range = me.selection.getRange();
- if (!range.collapsed) {
- //跨td不能删
- var start = range.startContainer,
- end = range.endContainer,
- startTd = domUtils.findParentByTagName(start, 'td', true),
- endTd = domUtils.findParentByTagName(end, 'td', true);
- if (startTd && endTd && startTd !== endTd || !startTd && endTd || startTd && !endTd) {
- evt.preventDefault ? evt.preventDefault() : ( evt.returnValue = false);
- return;
- }
- }
- if (tag == 'p') {
- if (!browser.ie) {
- start = domUtils.findParentByTagName(range.startContainer, ['ol', 'ul', 'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'blockquote', 'caption'], true);
- //opera下执行formatblock会在table的场景下有问题,回车在opera原生支持很好,所以暂时在opera去掉调用这个原生的command
- //trace:2431
- if (!start && !browser.opera) {
- me.document.execCommand('formatBlock', false, '<p>');
- if (browser.gecko) {
- range = me.selection.getRange();
- start = domUtils.findParentByTagName(range.startContainer, 'p', true);
- start && domUtils.removeDirtyAttr(start);
- }
- } else {
- hTag = start.tagName;
- start.tagName.toLowerCase() == 'p' && browser.gecko && domUtils.removeDirtyAttr(start);
- }
- }
- } else {
- evt.preventDefault ? evt.preventDefault() : ( evt.returnValue = false);
- if (!range.collapsed) {
- range.deleteContents();
- start = range.startContainer;
- if (start.nodeType == 1 && (start = start.childNodes[range.startOffset])) {
- while (start.nodeType == 1) {
- if (dtd.$empty[start.tagName]) {
- range.setStartBefore(start).setCursor();
- if (me.undoManger) {
- me.undoManger.save();
- }
- return false;
- }
- if (!start.firstChild) {
- var br = range.document.createElement('br');
- start.appendChild(br);
- range.setStart(start, 0).setCursor();
- if (me.undoManger) {
- me.undoManger.save();
- }
- return false;
- }
- start = start.firstChild;
- }
- if (start === range.startContainer.childNodes[range.startOffset]) {
- br = range.document.createElement('br');
- range.insertNode(br).setCursor();
- } else {
- range.setStart(start, 0).setCursor();
- }
- } else {
- br = range.document.createElement('br');
- range.insertNode(br).setStartAfter(br).setCursor();
- }
- } else {
- br = range.document.createElement('br');
- range.insertNode(br);
- var parent = br.parentNode;
- if (parent.lastChild === br) {
- br.parentNode.insertBefore(br.cloneNode(true), br);
- range.setStartBefore(br);
- } else {
- range.setStartAfter(br);
- }
- range.setCursor();
- }
- }
- }
- });
- };
- /*
- * 处理特殊键的兼容性问题
- */
- UE.plugins['keystrokes'] = function () {
- var me = this;
- var collapsed = true;
- me.addListener('keydown', function (type, evt) {
- var keyCode = evt.keyCode || evt.which,
- rng = me.selection.getRange();
- //处理全选的情况
- if (!rng.collapsed && !(evt.ctrlKey || evt.shiftKey || evt.altKey || evt.metaKey) && (keyCode >= 65 && keyCode <= 90
- || keyCode >= 48 && keyCode <= 57 ||
- keyCode >= 96 && keyCode <= 111 || {
- 13: 1,
- 8: 1,
- 46: 1
- }[keyCode])
- ) {
- var tmpNode = rng.startContainer;
- if (domUtils.isFillChar(tmpNode)) {
- rng.setStartBefore(tmpNode)
- }
- tmpNode = rng.endContainer;
- if (domUtils.isFillChar(tmpNode)) {
- rng.setEndAfter(tmpNode)
- }
- rng.txtToElmBoundary();
- //结束边界可能放到了br的前边,要把br包含进来
- // x[xxx]<br/>
- if (rng.endContainer && rng.endContainer.nodeType == 1) {
- tmpNode = rng.endContainer.childNodes[rng.endOffset];
- if (tmpNode && domUtils.isBr(tmpNode)) {
- rng.setEndAfter(tmpNode);
- }
- }
- if (rng.startOffset == 0) {
- tmpNode = rng.startContainer;
- if (domUtils.isBoundaryNode(tmpNode, 'firstChild')) {
- tmpNode = rng.endContainer;
- if (rng.endOffset == (tmpNode.nodeType == 3 ? tmpNode.nodeValue.length : tmpNode.childNodes.length) && domUtils.isBoundaryNode(tmpNode, 'lastChild')) {
- me.fireEvent('saveScene');
- me.body.innerHTML = '<p>' + (browser.ie ? '' : '<br/>') + '</p>';
- rng.setStart(me.body.firstChild, 0).setCursor(false, true);
- me._selectionChange();
- return;
- }
- }
- }
- }
- //处理backspace
- if (keyCode == 8) {
- rng = me.selection.getRange();
- collapsed = rng.collapsed;
- if (me.fireEvent('delkeydown', evt)) {
- return;
- }
- var start, end;
- //避免按两次删除才能生效的问题
- if (rng.collapsed && rng.inFillChar()) {
- start = rng.startContainer;
- if (domUtils.isFillChar(start)) {
- rng.setStartBefore(start).shrinkBoundary(true).collapse(true);
- domUtils.remove(start)
- } else {
- start.nodeValue = start.nodeValue.replace(new RegExp('^' + domUtils.fillChar), '');
- rng.startOffset--;
- rng.collapse(true).select(true)
- }
- }
- //解决选中control元素不能删除的问题
- if (start = rng.getClosedNode()) {
- me.fireEvent('saveScene');
- rng.setStartBefore(start);
- domUtils.remove(start);
- rng.setCursor();
- me.fireEvent('saveScene');
- domUtils.preventDefault(evt);
- return;
- }
- //阻止在table上的删除
- if (!browser.ie) {
- start = domUtils.findParentByTagName(rng.startContainer, 'table', true);
- end = domUtils.findParentByTagName(rng.endContainer, 'table', true);
- if (start && !end || !start && end || start !== end) {
- evt.preventDefault();
- return;
- }
- }
- }
- //处理tab键的逻辑
- if (keyCode == 9) {
- //不处理以下标签
- var excludeTagNameForTabKey = {
- 'ol': 1,
- 'ul': 1,
- 'table': 1
- };
- //处理组件里的tab按下事件
- if (me.fireEvent('tabkeydown', evt)) {
- domUtils.preventDefault(evt);
- return;
- }
- var range = me.selection.getRange();
- me.fireEvent('saveScene');
- for (var i = 0, txt = '', tabSize = me.options.tabSize || 4, tabNode = me.options.tabNode || ' '; i < tabSize; i++) {
- txt += tabNode;
- }
- var span = me.document.createElement('span');
- span.innerHTML = txt + domUtils.fillChar;
- if (range.collapsed) {
- range.insertNode(span.cloneNode(true).firstChild).setCursor(true);
- } else {
- //普通的情况
- start = domUtils.findParent(range.startContainer, filterFn);
- end = domUtils.findParent(range.endContainer, filterFn);
- if (start && end && start === end) {
- range.deleteContents();
- range.insertNode(span.cloneNode(true).firstChild).setCursor(true);
- } else {
- var bookmark = range.createBookmark(),
- filterFn = function (node) {
- return domUtils.isBlockElm(node) && !excludeTagNameForTabKey[node.tagName.toLowerCase()]
- };
- range.enlarge(true);
- var bookmark2 = range.createBookmark(),
- current = domUtils.getNextDomNode(bookmark2.start, false, filterFn);
- while (current && !(domUtils.getPosition(current, bookmark2.end) & domUtils.POSITION_FOLLOWING)) {
- current.insertBefore(span.cloneNode(true).firstChild, current.firstChild);
- current = domUtils.getNextDomNode(current, false, filterFn);
- }
- range.moveToBookmark(bookmark2).moveToBookmark(bookmark).select();
- }
- }
- domUtils.preventDefault(evt)
- }
- //trace:1634
- //ff的del键在容器空的时候,也会删除
- if (browser.gecko && keyCode == 46) {
- range = me.selection.getRange();
- if (range.collapsed) {
- start = range.startContainer;
- if (domUtils.isEmptyBlock(start)) {
- var parent = start.parentNode;
- while (domUtils.getChildCount(parent) == 1 && !domUtils.isBody(parent)) {
- start = parent;
- parent = parent.parentNode;
- }
- if (start === parent.lastChild)
- evt.preventDefault();
- return;
- }
- }
- }
- });
- me.addListener('keyup', function (type, evt) {
- var keyCode = evt.keyCode || evt.which,
- rng, me = this;
- if (keyCode == 8) {
- if (me.fireEvent('delkeyup')) {
- return;
- }
- rng = me.selection.getRange();
- if (rng.collapsed) {
- var tmpNode,
- autoClearTagName = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
- if (tmpNode = domUtils.findParentByTagName(rng.startContainer, autoClearTagName, true)) {
- if (domUtils.isEmptyBlock(tmpNode)) {
- var pre = tmpNode.previousSibling;
- if (pre && pre.nodeName != 'TABLE') {
- domUtils.remove(tmpNode);
- rng.setStartAtLast(pre).setCursor(false, true);
- return;
- } else {
- var next = tmpNode.nextSibling;
- if (next && next.nodeName != 'TABLE') {
- domUtils.remove(tmpNode);
- rng.setStartAtFirst(next).setCursor(false, true);
- return;
- }
- }
- }
- }
- //处理当删除到body时,要重新给p标签展位
- if (domUtils.isBody(rng.startContainer)) {
- var tmpNode = domUtils.createElement(me.document, 'p', {
- 'innerHTML': browser.ie ? domUtils.fillChar : '<br/>'
- });
- rng.insertNode(tmpNode).setStart(tmpNode, 0).setCursor(false, true);
- }
- }
- //chrome下如果删除了inline标签,浏览器会有记忆,在输入文字还是会套上刚才删除的标签,所以这里再选一次就不会了
- if (!collapsed && (rng.startContainer.nodeType == 3 || rng.startContainer.nodeType == 1 && domUtils.isEmptyBlock(rng.startContainer))) {
- if (browser.ie) {
- var span = rng.document.createElement('span');
- rng.insertNode(span).setStartBefore(span).collapse(true);
- rng.select();
- domUtils.remove(span)
- } else {
- rng.select()
- }
- }
- }
- })
- };
- ///import core
- ///commands 修复chrome下图片不能点击的问题
- ///commandsName FixImgClick
- ///commandsTitle 修复chrome下图片不能点击的问题
- //修复chrome下图片不能点击的问题
- //todo 可以改大小
- UE.plugins['fiximgclick'] = function () {
- var me = this;
- if (browser.webkit) {
- me.addListener('click', function (type, e) {
- if (e.target.tagName == 'IMG') {
- var range = new dom.Range(me.document);
- range.selectNode(e.target).select();
- }
- });
- }
- };
- ///import core
- ///commands 为非ie浏览器自动添加a标签
- ///commandsName AutoLink
- ///commandsTitle 自动增加链接
- /**
- * @description 为非ie浏览器自动添加a标签
- * @author zhanyi
- */
- UE.plugins['autolink'] = function () {
- var cont = 0;
- if (browser.ie) {
- return;
- }
- var me = this;
- me.addListener('reset', function () {
- cont = 0;
- });
- me.addListener('keydown', function (type, evt) {
- var keyCode = evt.keyCode || evt.which;
- if (keyCode == 32 || keyCode == 13) {
- var sel = me.selection.getNative(),
- range = sel.getRangeAt(0).cloneRange(),
- offset,
- charCode;
- var start = range.startContainer;
- while (start.nodeType == 1 && range.startOffset > 0) {
- start = range.startContainer.childNodes[range.startOffset - 1];
- if (!start) {
- break;
- }
- range.setStart(start, start.nodeType == 1 ? start.childNodes.length : start.nodeValue.length);
- range.collapse(true);
- start = range.startContainer;
- }
- do {
- if (range.startOffset == 0) {
- start = range.startContainer.previousSibling;
- while (start && start.nodeType == 1) {
- start = start.lastChild;
- }
- if (!start || domUtils.isFillChar(start)) {
- break;
- }
- offset = start.nodeValue.length;
- } else {
- start = range.startContainer;
- offset = range.startOffset;
- }
- range.setStart(start, offset - 1);
- charCode = range.toString().charCodeAt(0);
- } while (charCode != 160 && charCode != 32);
- if (range.toString().replace(new RegExp(domUtils.fillChar, 'g'), '').match(/(?:https?:\/\/|ssh:\/\/|ftp:\/\/|file:\/|www\.)/i)) {
- while (range.toString().length) {
- if (/^(?:https?:\/\/|ssh:\/\/|ftp:\/\/|file:\/|www\.)/i.test(range.toString())) {
- break;
- }
- try {
- range.setStart(range.startContainer, range.startOffset + 1);
- } catch (e) {
- //trace:2121
- var start = range.startContainer;
- while (!(next = start.nextSibling)) {
- if (domUtils.isBody(start)) {
- return;
- }
- start = start.parentNode;
- }
- range.setStart(next, 0);
- }
- }
- //range的开始边界已经在a标签里的不再处理
- if (domUtils.findParentByTagName(range.startContainer, 'a', true)) {
- return;
- }
- var a = me.document.createElement('a'), text = me.document.createTextNode(' '), href;
- me.undoManger && me.undoManger.save();
- a.appendChild(range.extractContents());
- a.href = a.innerHTML = a.innerHTML.replace(/<[^>]+>/g, '');
- href = a.getAttribute("href").replace(new RegExp(domUtils.fillChar, 'g'), '');
- href = /^(?:https?:\/\/)/ig.test(href) ? href : "http://" + href;
- a.setAttribute('_src', utils.html(href));
- a.href = utils.html(href);
- range.insertNode(a);
- a.parentNode.insertBefore(text, a.nextSibling);
- range.setStart(text, 0);
- range.collapse(true);
- sel.removeAllRanges();
- sel.addRange(range);
- me.undoManger && me.undoManger.save();
- }
- }
- });
- };
- ///import core
- ///commands 当输入内容超过编辑器高度时,编辑器自动增高
- ///commandsName AutoHeight,autoHeightEnabled
- ///commandsTitle 自动增高
- /**
- * @description 自动伸展
- * @author zhanyi
- */
- UE.plugins['autoheight'] = function () {
- var me = this;
- //提供开关,就算加载也可以关闭
- me.autoHeightEnabled = me.options.autoHeightEnabled !== false;
- if (!me.autoHeightEnabled) {
- return;
- }
- var bakOverflow,
- span, tmpNode,
- lastHeight = 0,
- options = me.options,
- currentHeight,
- timer;
- function adjustHeight() {
- var me = this;
- clearTimeout(timer);
- if (isFullscreen)return;
- timer = setTimeout(function () {
- if (!me.queryCommandState || me.queryCommandState && me.queryCommandState('source') != 1) {
- if (!span) {
- span = me.document.createElement('span');
- //trace:1764
- span.style.cssText = 'display:block;width:0;margin:0;padding:0;border:0;clear:both;';
- span.innerHTML = '.';
- }
- tmpNode = span.cloneNode(true);
- me.body.appendChild(tmpNode);
- currentHeight = Math.max(domUtils.getXY(tmpNode).y + tmpNode.offsetHeight, Math.max(options.minFrameHeight, options.initialFrameHeight));
- if (currentHeight != lastHeight) {
- me.setHeight(currentHeight, true);
- lastHeight = currentHeight;
- }
- domUtils.remove(tmpNode);
- }
- }, 50);
- }
- var isFullscreen;
- me.addListener('fullscreenchanged', function (cmd, f) {
- isFullscreen = f
- });
- me.addListener('destroy', function () {
- me.removeListener('contentchange afterinserthtml keyup mouseup', adjustHeight)
- });
- me.enableAutoHeight = function () {
- var me = this;
- if (!me.autoHeightEnabled) {
- return;
- }
- var doc = me.document;
- me.autoHeightEnabled = true;
- bakOverflow = doc.body.style.overflowY;
- doc.body.style.overflowY = 'hidden';
- me.addListener('contentchange afterinserthtml keyup mouseup', adjustHeight);
- //ff不给事件算得不对
- setTimeout(function () {
- adjustHeight.call(me);
- }, browser.gecko ? 100 : 0);
- me.fireEvent('autoheightchanged', me.autoHeightEnabled);
- };
- me.disableAutoHeight = function () {
- me.body.style.overflowY = bakOverflow || '';
- me.removeListener('contentchange', adjustHeight);
- me.removeListener('keyup', adjustHeight);
- me.removeListener('mouseup', adjustHeight);
- me.autoHeightEnabled = false;
- me.fireEvent('autoheightchanged', me.autoHeightEnabled);
- };
- me.addListener('ready', function () {
- me.enableAutoHeight();
- //trace:1764
- var timer;
- domUtils.on(browser.ie ? me.body : me.document, browser.webkit ? 'dragover' : 'drop', function () {
- clearTimeout(timer);
- timer = setTimeout(function () {
- adjustHeight.call(this);
- }, 100);
- });
- });
- };
- ///import core
- ///commands 悬浮工具栏
- ///commandsName AutoFloat,autoFloatEnabled
- ///commandsTitle 悬浮工具栏
- /*
- * modified by chengchao01
- *
- * 注意: 引入此功能后,在IE6下会将body的背景图片覆盖掉!
- */
- UE.plugins['autofloat'] = function () {
- var me = this,
- lang = me.getLang();
- me.setOpt({
- topOffset: 0
- });
- var optsAutoFloatEnabled = me.options.autoFloatEnabled !== false,
- topOffset = me.options.topOffset;
- //如果不固定toolbar的位置,则直接退出
- if (!optsAutoFloatEnabled) {
- return;
- }
- var uiUtils = UE.ui.uiUtils,
- LteIE6 = browser.ie && browser.version <= 6,
- quirks = browser.quirks;
- function checkHasUI() {
- if (!UE.ui) {
- alert(lang.autofloatMsg);
- return 0;
- }
- return 1;
- }
- function fixIE6FixedPos() {
- var docStyle = document.body.style;
- docStyle.backgroundImage = 'url("about:blank")';
- docStyle.backgroundAttachment = 'fixed';
- }
- var bakCssText,
- placeHolder = document.createElement('div'),
- toolbarBox, orgTop,
- getPosition,
- flag = true; //ie7模式下需要偏移
- function setFloating() {
- var toobarBoxPos = domUtils.getXY(toolbarBox),
- origalFloat = domUtils.getComputedStyle(toolbarBox, 'position'),
- origalLeft = domUtils.getComputedStyle(toolbarBox, 'left');
- toolbarBox.style.width = toolbarBox.offsetWidth + 'px';
- toolbarBox.style.zIndex = me.options.zIndex * 1 + 1;
- toolbarBox.parentNode.insertBefore(placeHolder, toolbarBox);
- if (LteIE6 || (quirks && browser.ie)) {
- if (toolbarBox.style.position != 'absolute') {
- toolbarBox.style.position = 'absolute';
- }
- toolbarBox.style.top = (document.body.scrollTop || document.documentElement.scrollTop) - orgTop + topOffset + 'px';
- } else {
- if (browser.ie7Compat && flag) {
- flag = false;
- toolbarBox.style.left = domUtils.getXY(toolbarBox).x - document.documentElement.getBoundingClientRect().left + 2 + 'px';
- }
- if (toolbarBox.style.position != 'fixed') {
- toolbarBox.style.position = 'fixed';
- toolbarBox.style.top = topOffset + "px";
- ((origalFloat == 'absolute' || origalFloat == 'relative') && parseFloat(origalLeft)) && (toolbarBox.style.left = toobarBoxPos.x + 'px');
- }
- }
- }
- function unsetFloating() {
- flag = true;
- if (placeHolder.parentNode) {
- placeHolder.parentNode.removeChild(placeHolder);
- }
- toolbarBox.style.cssText = bakCssText;
- }
- function updateFloating() {
- var rect3 = getPosition(me.container);
- var offset = me.options.toolbarTopOffset || 0;
- if (rect3.top < 0 && rect3.bottom - toolbarBox.offsetHeight > offset) {
- setFloating();
- } else {
- unsetFloating();
- }
- }
- var defer_updateFloating = utils.defer(function () {
- updateFloating();
- }, browser.ie ? 200 : 100, true);
- me.addListener('destroy', function () {
- domUtils.un(window, ['scroll', 'resize'], updateFloating);
- me.removeListener('keydown', defer_updateFloating);
- });
- me.addListener('ready', function () {
- if (checkHasUI(me)) {
- getPosition = uiUtils.getClientRect;
- toolbarBox = me.ui.getDom('toolbarbox');
- orgTop = getPosition(toolbarBox).top;
- bakCssText = toolbarBox.style.cssText;
- placeHolder.style.height = toolbarBox.offsetHeight + 'px';
- if (LteIE6) {
- fixIE6FixedPos();
- }
- domUtils.on(window, ['scroll', 'resize'], updateFloating);
- me.addListener('keydown', defer_updateFloating);
- me.addListener('beforefullscreenchange', function (t, enabled) {
- if (enabled) {
- unsetFloating();
- }
- });
- me.addListener('fullscreenchanged', function (t, enabled) {
- if (!enabled) {
- updateFloating();
- }
- });
- me.addListener('sourcemodechanged', function (t, enabled) {
- setTimeout(function () {
- updateFloating();
- }, 0);
- });
- me.addListener("clearDoc", function () {
- setTimeout(function () {
- updateFloating();
- }, 0);
- })
- }
- });
- };
- /**
- * @description 纯文本粘贴
- * @name puretxtpaste
- * @author zhanyi
- */
- UE.plugins['pasteplain'] = function () {
- var me = this;
- me.setOpt({
- 'pasteplain': false,
- 'filterTxtRules': function () {
- function transP(node) {
- node.tagName = 'p';
- node.setStyle();
- }
- function removeNode(node) {
- node.parentNode.removeChild(node, true)
- }
- return {
- //直接删除及其字节点内容
- '-': 'script style object iframe embed input select',
- 'p': {$: {}},
- 'br': {$: {}},
- div: function (node) {
- var tmpNode, p = UE.uNode.createElement('p');
- while (tmpNode = node.firstChild()) {
- if (tmpNode.type == 'text' || !UE.dom.dtd.$block[tmpNode.tagName]) {
- p.appendChild(tmpNode);
- } else {
- if (p.firstChild()) {
- node.parentNode.insertBefore(p, node);
- p = UE.uNode.createElement('p');
- } else {
- node.parentNode.insertBefore(tmpNode, node);
- }
- }
- }
- if (p.firstChild()) {
- node.parentNode.insertBefore(p, node);
- }
- node.parentNode.removeChild(node);
- },
- ol: removeNode,
- ul: removeNode,
- dl: removeNode,
- dt: removeNode,
- dd: removeNode,
- 'li': removeNode,
- 'caption': transP,
- 'th': transP,
- 'tr': transP,
- 'h1': transP, 'h2': transP, 'h3': transP, 'h4': transP, 'h5': transP, 'h6': transP,
- 'td': function (node) {
- //没有内容的td直接删掉
- var txt = !!node.innerText();
- if (txt) {
- node.parentNode.insertAfter(UE.uNode.createText(' '), node);
- }
- node.parentNode.removeChild(node, node.innerText())
- }
- }
- }()
- });
- //暂时这里支持一下老版本的属性
- var pasteplain = me.options.pasteplain;
- me.commands['pasteplain'] = {
- queryCommandState: function () {
- return pasteplain ? 1 : 0;
- },
- execCommand: function () {
- pasteplain = !pasteplain | 0;
- },
- notNeedUndo: 1
- };
- };
- ///import core
- ///import plugins/inserthtml.js
- ///commands 视频
- ///commandsName InsertVideo
- ///commandsTitle 插入视频
- ///commandsDialog dialogs\video
- UE.plugins['video'] = function () {
- var me = this,
- div;
- /**
- * 创建插入视频字符窜
- * @param url 视频地址
- * @param width 视频宽度
- * @param height 视频高度
- * @param align 视频对齐
- * @param toEmbed 是否以flash代替显示
- * @param addParagraph 是否需要添加P 标签
- */
- function creatInsertStr(url, width, height, id, align, toEmbed) {
- return !toEmbed ?
- '<img ' + (id ? 'id="' + id + '"' : '') + ' width="' + width + '" height="' + height + '" _url="' + url + '" class="edui-faked-video"' +
- ' src="' + me.options.UEDITOR_HOME_URL + 'themes/default/images/spacer.gif" style="background:url(' + me.options.UEDITOR_HOME_URL + 'themes/default/images/videologo.gif) no-repeat center center; border:1px solid gray;' + (align ? 'float:' + align + ';' : '') + '" />'
- :
- '<embed type="application/x-shockwave-flash" class="edui-faked-video" pluginspage="http://www.macromedia.com/go/getflashplayer"' +
- ' src="' + url + '" width="' + width + '" height="' + height + '"' + (align ? ' style="float:' + align + '"' : '') +
- ' wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true" >';
- }
- function switchImgAndEmbed(root, img2embed) {
- utils.each(root.getNodesByTagName(img2embed ? 'img' : 'embed'), function (node) {
- if (node.getAttr('class') == 'edui-faked-video') {
- var html = creatInsertStr(img2embed ? node.getAttr('_url') : node.getAttr('src'), node.getAttr('width'), node.getAttr('height'), null, node.getStyle('float') || '', img2embed);
- node.parentNode.replaceChild(UE.uNode.createElement(html), node)
- }
- })
- }
- me.addOutputRule(function (root) {
- switchImgAndEmbed(root, true)
- });
- me.addInputRule(function (root) {
- switchImgAndEmbed(root)
- });
- me.commands["insertvideo"] = {
- execCommand: function (cmd, videoObjs) {
- videoObjs = utils.isArray(videoObjs) ? videoObjs : [videoObjs];
- var html = [], id = 'tmpVedio';
- for (var i = 0, vi, len = videoObjs.length; i < len; i++) {
- vi = videoObjs[i];
- html.push(creatInsertStr(vi.url, vi.width || 420, vi.height || 280, id + i, null, false));
- }
- me.execCommand("inserthtml", html.join(""), true);
- var rng = this.selection.getRange();
- for (var i = 0, len = videoObjs.length; i < len; i++) {
- var img = this.document.getElementById('tmpVedio' + i);
- domUtils.removeAttributes(img, 'id');
- rng.selectNode(img).select();
- me.execCommand('imagefloat', videoObjs[i].align)
- }
- },
- queryCommandState: function () {
- var img = me.selection.getRange().getClosedNode(),
- flag = img && (img.className == "edui-faked-video");
- return flag ? 1 : 0;
- }
- };
- };
- /**
- * Created with JetBrains WebStorm.
- * User: taoqili
- * Date: 13-1-18
- * Time: 上午11:09
- * To change this template use File | Settings | File Templates.
- */
- /**
- * UE表格操作类
- * @param table
- * @constructor
- */
- (function () {
- var UETable = UE.UETable = function (table) {
- this.table = table;
- this.indexTable = [];
- this.selectedTds = [];
- this.cellsRange = {};
- this.update(table);
- };
- //===以下为静态工具方法===
- UETable.removeSelectedClass = function (cells) {
- utils.each(cells, function (cell) {
- domUtils.removeClasses(cell, "selectTdClass");
- })
- };
- UETable.addSelectedClass = function (cells) {
- utils.each(cells, function (cell) {
- domUtils.addClass(cell, "selectTdClass");
- })
- };
- UETable.isEmptyBlock = function (node) {
- var reg = new RegExp(domUtils.fillChar, 'g');
- if (node[browser.ie ? 'innerText' : 'textContent'].replace(/^\s*$/, '').replace(reg, '').length > 0) {
- return 0;
- }
- for (var i in dtd.$isNotEmpty) if (dtd.$isNotEmpty.hasOwnProperty(i)) {
- if (node.getElementsByTagName(i).length) {
- return 0;
- }
- }
- return 1;
- };
- UETable.getWidth = function (cell) {
- if (!cell)return 0;
- return parseInt(domUtils.getComputedStyle(cell, "width"), 10);
- };
- /**
- * 获取单元格或者单元格组的“对齐”状态。 如果当前的检测对象是一个单元格组, 只有在满足所有单元格的 水平和竖直 对齐属性都相同的
- * 条件时才会返回其状态值,否则将返回null; 如果当前只检测了一个单元格, 则直接返回当前单元格的对齐状态;
- * @param table cell or table cells , 支持单个单元格dom对象 或者 单元格dom对象数组
- * @return { align: 'left' || 'right' || 'center', valign: 'top' || 'middle' || 'bottom' } 或者 null
- */
- UETable.getTableCellAlignState = function (cells) {
- !utils.isArray(cells) && ( cells = [cells] );
- var result = {},
- status = ['align', 'valign'],
- tempStatus = null,
- isSame = true;//状态是否相同
- utils.each(cells, function (cellNode) {
- utils.each(status, function (currentState) {
- tempStatus = cellNode.getAttribute(currentState);
- if (!result[ currentState ] && tempStatus) {
- result[ currentState ] = tempStatus;
- } else if (!result[ currentState ] || ( tempStatus !== result[ currentState ] )) {
- isSame = false;
- return false;
- }
- });
- return isSame;
- });
- return isSame ? result : null;
- };
- /**
- * 根据当前选区获取相关的table信息
- * @return {Object}
- */
- UETable.getTableItemsByRange = function (editor) {
- var start = editor.selection.getStart();
- //ff下会选中bookmark
- if (start && start.id && start.id.indexOf('_baidu_bookmark_start_') === 0) {
- start = start.nextSibling;
- }
- //在table或者td边缘有可能存在选中tr的情况
- var cell = start && domUtils.findParentByTagName(start, ["td", "th"], true),
- tr = cell && cell.parentNode,
- caption = start && domUtils.findParentByTagName(start, 'caption', true),
- table = caption ? caption.parentNode : tr && tr.parentNode.parentNode;
- return {
- cell: cell,
- tr: tr,
- table: table,
- caption: caption
- }
- };
- UETable.getUETableBySelected = function (editor) {
- var table = UETable.getTableItemsByRange(editor).table;
- if (table && table.ueTable && table.ueTable.selectedTds.length) {
- return table.ueTable;
- }
- return null;
- };
- UETable.getDefaultValue = function (editor, table) {
- var borderMap = {
- thin: '0px',
- medium: '1px',
- thick: '2px'
- },
- tableBorder, tdPadding, tdBorder, tmpValue;
- if (!table) {
- table = editor.document.createElement('table');
- table.insertRow(0).insertCell(0).innerHTML = 'xxx';
- editor.body.appendChild(table);
- var td = table.getElementsByTagName('td')[0];
- tmpValue = domUtils.getComputedStyle(table, 'border-left-width');
- tableBorder = parseInt(borderMap[tmpValue] || tmpValue, 10);
- tmpValue = domUtils.getComputedStyle(td, 'padding-left');
- tdPadding = parseInt(borderMap[tmpValue] || tmpValue, 10);
- tmpValue = domUtils.getComputedStyle(td, 'border-left-width');
- tdBorder = parseInt(borderMap[tmpValue] || tmpValue, 10);
- domUtils.remove(table);
- return {
- tableBorder: tableBorder,
- tdPadding: tdPadding,
- tdBorder: tdBorder
- };
- } else {
- td = table.getElementsByTagName('td')[0];
- tmpValue = domUtils.getComputedStyle(table, 'border-left-width');
- tableBorder = parseInt(borderMap[tmpValue] || tmpValue, 10);
- tmpValue = domUtils.getComputedStyle(td, 'padding-left');
- tdPadding = parseInt(borderMap[tmpValue] || tmpValue, 10);
- tmpValue = domUtils.getComputedStyle(td, 'border-left-width');
- tdBorder = parseInt(borderMap[tmpValue] || tmpValue, 10);
- return {
- tableBorder: tableBorder,
- tdPadding: tdPadding,
- tdBorder: tdBorder
- };
- }
- };
- /**
- * 根据当前点击的td或者table获取索引对象
- * @param tdOrTable
- */
- UETable.getUETable = function (tdOrTable) {
- var tag = tdOrTable.tagName.toLowerCase();
- tdOrTable = (tag == "td" || tag == "th" || tag == 'caption') ? domUtils.findParentByTagName(tdOrTable, "table", true) : tdOrTable;
- if (!tdOrTable.ueTable) {
- tdOrTable.ueTable = new UETable(tdOrTable);
- }
- return tdOrTable.ueTable;
- };
- UETable.cloneCell = function (cell, ignoreMerge, keepPro) {
- if (!cell || utils.isString(cell)) {
- return this.table.ownerDocument.createElement(cell || 'td');
- }
- var flag = domUtils.hasClass(cell, "selectTdClass");
- flag && domUtils.removeClasses(cell, "selectTdClass");
- var tmpCell = cell.cloneNode(true);
- if (ignoreMerge) {
- tmpCell.rowSpan = tmpCell.colSpan = 1;
- }
- //去掉宽高
- !keepPro && domUtils.removeAttributes(tmpCell, 'width height');
- !keepPro && domUtils.removeAttributes(tmpCell, 'style');
- tmpCell.style.borderLeftStyle = "";
- tmpCell.style.borderTopStyle = "";
- tmpCell.style.borderLeftColor = cell.style.borderRightColor;
- tmpCell.style.borderLeftWidth = cell.style.borderRightWidth;
- tmpCell.style.borderTopColor = cell.style.borderBottomColor;
- tmpCell.style.borderTopWidth = cell.style.borderBottomWidth;
- flag && domUtils.addClass(cell, "selectTdClass");
- return tmpCell;
- }
- UETable.prototype = {
- getMaxRows: function () {
- var rows = this.table.rows, maxLen = 1;
- for (var i = 0, row; row = rows[i]; i++) {
- var currentMax = 1;
- for (var j = 0, cj; cj = row.cells[j++];) {
- currentMax = Math.max(cj.rowSpan || 1, currentMax);
- }
- maxLen = Math.max(currentMax + i, maxLen);
- }
- return maxLen;
- },
- /**
- * 获取当前表格的最大列数
- */
- getMaxCols: function () {
- var rows = this.table.rows, maxLen = 0, cellRows = {};
- for (var i = 0, row; row = rows[i]; i++) {
- var cellsNum = 0;
- for (var j = 0, cj; cj = row.cells[j++];) {
- cellsNum += (cj.colSpan || 1);
- if (cj.rowSpan && cj.rowSpan > 1) {
- for (var k = 1; k < cj.rowSpan; k++) {
- if (!cellRows['row_' + (i + k)]) {
- cellRows['row_' + (i + k)] = (cj.colSpan || 1);
- } else {
- cellRows['row_' + (i + k)]++
- }
- }
- }
- }
- cellsNum += cellRows['row_' + i] || 0;
- maxLen = Math.max(cellsNum, maxLen);
- }
- return maxLen;
- },
- getCellColIndex: function (cell) {
- },
- /**
- * 获取当前cell旁边的单元格,
- * @param cell
- * @param right
- */
- getHSideCell: function (cell, right) {
- try {
- var cellInfo = this.getCellInfo(cell),
- previewRowIndex, previewColIndex;
- var len = this.selectedTds.length,
- range = this.cellsRange;
- //首行或者首列没有前置单元格
- if ((!right && (!len ? !cellInfo.colIndex : !range.beginColIndex)) || (right && (!len ? (cellInfo.colIndex == (this.colsNum - 1)) : (range.endColIndex == this.colsNum - 1)))) return null;
- previewRowIndex = !len ? cellInfo.rowIndex : range.beginRowIndex;
- previewColIndex = !right ? ( !len ? (cellInfo.colIndex < 1 ? 0 : (cellInfo.colIndex - 1)) : range.beginColIndex - 1)
- : ( !len ? cellInfo.colIndex + 1 : range.endColIndex + 1);
- return this.getCell(this.indexTable[previewRowIndex][previewColIndex].rowIndex, this.indexTable[previewRowIndex][previewColIndex].cellIndex);
- } catch (e) {
- showError(e);
- }
- },
- getTabNextCell: function (cell, preRowIndex) {
- var cellInfo = this.getCellInfo(cell),
- rowIndex = preRowIndex || cellInfo.rowIndex,
- colIndex = cellInfo.colIndex + 1 + (cellInfo.colSpan - 1),
- nextCell;
- try {
- nextCell = this.getCell(this.indexTable[rowIndex][colIndex].rowIndex, this.indexTable[rowIndex][colIndex].cellIndex);
- } catch (e) {
- try {
- rowIndex = rowIndex * 1 + 1;
- colIndex = 0;
- nextCell = this.getCell(this.indexTable[rowIndex][colIndex].rowIndex, this.indexTable[rowIndex][colIndex].cellIndex);
- } catch (e) {
- }
- }
- return nextCell;
- },
- /**
- * 获取视觉上的后置单元格
- * @param cell
- * @param bottom
- */
- getVSideCell: function (cell, bottom, ignoreRange) {
- try {
- var cellInfo = this.getCellInfo(cell),
- nextRowIndex, nextColIndex;
- var len = this.selectedTds.length && !ignoreRange,
- range = this.cellsRange;
- //末行或者末列没有后置单元格
- if ((!bottom && (cellInfo.rowIndex == 0)) || (bottom && (!len ? (cellInfo.rowIndex + cellInfo.rowSpan > this.rowsNum - 1) : (range.endRowIndex == this.rowsNum - 1)))) return null;
- nextRowIndex = !bottom ? ( !len ? cellInfo.rowIndex - 1 : range.beginRowIndex - 1)
- : ( !len ? (cellInfo.rowIndex + cellInfo.rowSpan) : range.endRowIndex + 1);
- nextColIndex = !len ? cellInfo.colIndex : range.beginColIndex;
- return this.getCell(this.indexTable[nextRowIndex][nextColIndex].rowIndex, this.indexTable[nextRowIndex][nextColIndex].cellIndex);
- } catch (e) {
- showError(e);
- }
- },
- /**
- * 获取相同结束位置的单元格,xOrY指代了是获取x轴相同还是y轴相同
- */
- getSameEndPosCells: function (cell, xOrY) {
- try {
- var flag = (xOrY.toLowerCase() === "x"),
- end = domUtils.getXY(cell)[flag ? 'x' : 'y'] + cell["offset" + (flag ? 'Width' : 'Height')],
- rows = this.table.rows,
- cells = null, returns = [];
- for (var i = 0; i < this.rowsNum; i++) {
- cells = rows[i].cells;
- for (var j = 0, tmpCell; tmpCell = cells[j++];) {
- var tmpEnd = domUtils.getXY(tmpCell)[flag ? 'x' : 'y'] + tmpCell["offset" + (flag ? 'Width' : 'Height')];
- //对应行的td已经被上面行rowSpan了
- if (tmpEnd > end && flag) break;
- if (cell == tmpCell || end == tmpEnd) {
- //只获取单一的单元格
- //todo 仅获取单一单元格在特定情况下会造成returns为空,从而影响后续的拖拽实现,修正这个。需考虑性能
- if (tmpCell[flag ? "colSpan" : "rowSpan"] == 1) {
- returns.push(tmpCell);
- }
- if (flag) break;
- }
- }
- }
- return returns;
- } catch (e) {
- showError(e);
- }
- },
- setCellContent: function (cell, content) {
- cell.innerHTML = content || (browser.ie ? domUtils.fillChar : "<br />");
- },
- cloneCell: UETable.cloneCell,
- /**
- * 获取跟当前单元格的右边竖线为左边的所有未合并单元格
- */
- getSameStartPosXCells: function (cell) {
- try {
- var start = domUtils.getXY(cell).x + cell.offsetWidth,
- rows = this.table.rows, cells , returns = [];
- for (var i = 0; i < this.rowsNum; i++) {
- cells = rows[i].cells;
- for (var j = 0, tmpCell; tmpCell = cells[j++];) {
- var tmpStart = domUtils.getXY(tmpCell).x;
- if (tmpStart > start) break;
- if (tmpStart == start && tmpCell.colSpan == 1) {
- returns.push(tmpCell);
- break;
- }
- }
- }
- return returns;
- } catch (e) {
- showError(e);
- }
- },
- /**
- * 更新table对应的索引表
- */
- update: function (table) {
- this.table = table || this.table;
- this.selectedTds = [];
- this.cellsRange = {};
- this.indexTable = [];
- var rows = this.table.rows,
- rowsNum = this.getMaxRows(),
- dNum = rowsNum - rows.length,
- colsNum = this.getMaxCols();
- while (dNum--) {
- this.table.insertRow(rows.length);
- }
- this.rowsNum = rowsNum;
- this.colsNum = colsNum;
- for (var i = 0, len = rows.length; i < len; i++) {
- this.indexTable[i] = new Array(colsNum);
- }
- //填充索引表
- for (var rowIndex = 0, row; row = rows[rowIndex]; rowIndex++) {
- for (var cellIndex = 0, cell, cells = row.cells; cell = cells[cellIndex]; cellIndex++) {
- //修正整行被rowSpan时导致的行数计算错误
- if (cell.rowSpan > rowsNum) {
- cell.rowSpan = rowsNum;
- }
- var colIndex = cellIndex,
- rowSpan = cell.rowSpan || 1,
- colSpan = cell.colSpan || 1;
- //当已经被上一行rowSpan或者被前一列colSpan了,则跳到下一个单元格进行
- while (this.indexTable[rowIndex][colIndex]) colIndex++;
- for (var j = 0; j < rowSpan; j++) {
- for (var k = 0; k < colSpan; k++) {
- this.indexTable[rowIndex + j][colIndex + k] = {
- rowIndex: rowIndex,
- cellIndex: cellIndex,
- colIndex: colIndex,
- rowSpan: rowSpan,
- colSpan: colSpan
- }
- }
- }
- }
- }
- //修复残缺td
- for (j = 0; j < rowsNum; j++) {
- for (k = 0; k < colsNum; k++) {
- if (this.indexTable[j][k] === undefined) {
- row = rows[j];
- cell = row.cells[row.cells.length - 1];
- cell = cell ? cell.cloneNode(true) : this.table.ownerDocument.createElement("td");
- this.setCellContent(cell);
- if (cell.colSpan !== 1)cell.colSpan = 1;
- if (cell.rowSpan !== 1)cell.rowSpan = 1;
- row.appendChild(cell);
- this.indexTable[j][k] = {
- rowIndex: j,
- cellIndex: cell.cellIndex,
- colIndex: k,
- rowSpan: 1,
- colSpan: 1
- }
- }
- }
- }
- //当框选后删除行或者列后撤销,需要重建选区。
- var tds = domUtils.getElementsByTagName(this.table, "td"),
- selectTds = [];
- utils.each(tds, function (td) {
- if (domUtils.hasClass(td, "selectTdClass")) {
- selectTds.push(td);
- }
- });
- if (selectTds.length) {
- var start = selectTds[0],
- end = selectTds[selectTds.length - 1],
- startInfo = this.getCellInfo(start),
- endInfo = this.getCellInfo(end);
- this.selectedTds = selectTds;
- this.cellsRange = {
- beginRowIndex: startInfo.rowIndex,
- beginColIndex: startInfo.colIndex,
- endRowIndex: endInfo.rowIndex + endInfo.rowSpan - 1,
- endColIndex: endInfo.colIndex + endInfo.colSpan - 1
- };
- }
- },
- /**
- * 获取单元格的索引信息
- */
- getCellInfo: function (cell) {
- if (!cell) return;
- var cellIndex = cell.cellIndex,
- rowIndex = cell.parentNode.rowIndex,
- rowInfo = this.indexTable[rowIndex],
- numCols = this.colsNum;
- for (var colIndex = cellIndex; colIndex < numCols; colIndex++) {
- var cellInfo = rowInfo[colIndex];
- if (cellInfo.rowIndex === rowIndex && cellInfo.cellIndex === cellIndex) {
- return cellInfo;
- }
- }
- },
- /**
- * 根据行列号获取单元格
- */
- getCell: function (rowIndex, cellIndex) {
- return rowIndex < this.rowsNum && this.table.rows[rowIndex].cells[cellIndex] || null;
- },
- /**
- * 删除单元格
- */
- deleteCell: function (cell, rowIndex) {
- rowIndex = typeof rowIndex == 'number' ? rowIndex : cell.parentNode.rowIndex;
- var row = this.table.rows[rowIndex];
- row.deleteCell(cell.cellIndex);
- },
- /**
- * 根据始末两个单元格获取被框选的所有单元格范围
- */
- getCellsRange: function (cellA, cellB) {
- function checkRange(beginRowIndex, beginColIndex, endRowIndex, endColIndex) {
- var tmpBeginRowIndex = beginRowIndex,
- tmpBeginColIndex = beginColIndex,
- tmpEndRowIndex = endRowIndex,
- tmpEndColIndex = endColIndex,
- cellInfo, colIndex, rowIndex;
- // 通过indexTable检查是否存在超出TableRange上边界的情况
- if (beginRowIndex > 0) {
- for (colIndex = beginColIndex; colIndex < endColIndex; colIndex++) {
- cellInfo = me.indexTable[beginRowIndex][colIndex];
- rowIndex = cellInfo.rowIndex;
- if (rowIndex < beginRowIndex) {
- tmpBeginRowIndex = Math.min(rowIndex, tmpBeginRowIndex);
- }
- }
- }
- // 通过indexTable检查是否存在超出TableRange右边界的情况
- if (endColIndex < me.colsNum) {
- for (rowIndex = beginRowIndex; rowIndex < endRowIndex; rowIndex++) {
- cellInfo = me.indexTable[rowIndex][endColIndex];
- colIndex = cellInfo.colIndex + cellInfo.colSpan - 1;
- if (colIndex > endColIndex) {
- tmpEndColIndex = Math.max(colIndex, tmpEndColIndex);
- }
- }
- }
- // 检查是否有超出TableRange下边界的情况
- if (endRowIndex < me.rowsNum) {
- for (colIndex = beginColIndex; colIndex < endColIndex; colIndex++) {
- cellInfo = me.indexTable[endRowIndex][colIndex];
- rowIndex = cellInfo.rowIndex + cellInfo.rowSpan - 1;
- if (rowIndex > endRowIndex) {
- tmpEndRowIndex = Math.max(rowIndex, tmpEndRowIndex);
- }
- }
- }
- // 检查是否有超出TableRange左边界的情况
- if (beginColIndex > 0) {
- for (rowIndex = beginRowIndex; rowIndex < endRowIndex; rowIndex++) {
- cellInfo = me.indexTable[rowIndex][beginColIndex];
- colIndex = cellInfo.colIndex;
- if (colIndex < beginColIndex) {
- tmpBeginColIndex = Math.min(cellInfo.colIndex, tmpBeginColIndex);
- }
- }
- }
- //递归调用直至所有完成所有框选单元格的扩展
- if (tmpBeginRowIndex != beginRowIndex || tmpBeginColIndex != beginColIndex || tmpEndRowIndex != endRowIndex || tmpEndColIndex != endColIndex) {
- return checkRange(tmpBeginRowIndex, tmpBeginColIndex, tmpEndRowIndex, tmpEndColIndex);
- } else {
- // 不需要扩展TableRange的情况
- return {
- beginRowIndex: beginRowIndex,
- beginColIndex: beginColIndex,
- endRowIndex: endRowIndex,
- endColIndex: endColIndex
- };
- }
- }
- try {
- var me = this,
- cellAInfo = me.getCellInfo(cellA);
- if (cellA === cellB) {
- return {
- beginRowIndex: cellAInfo.rowIndex,
- beginColIndex: cellAInfo.colIndex,
- endRowIndex: cellAInfo.rowIndex + cellAInfo.rowSpan - 1,
- endColIndex: cellAInfo.colIndex + cellAInfo.colSpan - 1
- };
- }
- var cellBInfo = me.getCellInfo(cellB);
- // 计算TableRange的四个边
- var beginRowIndex = Math.min(cellAInfo.rowIndex, cellBInfo.rowIndex),
- beginColIndex = Math.min(cellAInfo.colIndex, cellBInfo.colIndex),
- endRowIndex = Math.max(cellAInfo.rowIndex + cellAInfo.rowSpan - 1, cellBInfo.rowIndex + cellBInfo.rowSpan - 1),
- endColIndex = Math.max(cellAInfo.colIndex + cellAInfo.colSpan - 1, cellBInfo.colIndex + cellBInfo.colSpan - 1);
- return checkRange(beginRowIndex, beginColIndex, endRowIndex, endColIndex);
- } catch (e) {
- //throw e;
- }
- },
- /**
- * 依据cellsRange获取对应的单元格集合
- */
- getCells: function (range) {
- //每次获取cells之前必须先清除上次的选择,否则会对后续获取操作造成影响
- this.clearSelected();
- var beginRowIndex = range.beginRowIndex,
- beginColIndex = range.beginColIndex,
- endRowIndex = range.endRowIndex,
- endColIndex = range.endColIndex,
- cellInfo, rowIndex, colIndex, tdHash = {}, returnTds = [];
- for (var i = beginRowIndex; i <= endRowIndex; i++) {
- for (var j = beginColIndex; j <= endColIndex; j++) {
- cellInfo = this.indexTable[i][j];
- rowIndex = cellInfo.rowIndex;
- colIndex = cellInfo.colIndex;
- // 如果Cells里已经包含了此Cell则跳过
- var key = rowIndex + '|' + colIndex;
- if (tdHash[key]) continue;
- tdHash[key] = 1;
- if (rowIndex < i || colIndex < j || rowIndex + cellInfo.rowSpan - 1 > endRowIndex || colIndex + cellInfo.colSpan - 1 > endColIndex) {
- return null;
- }
- returnTds.push(this.getCell(rowIndex, cellInfo.cellIndex));
- }
- }
- return returnTds;
- },
- /**
- * 清理已经选中的单元格
- */
- clearSelected: function () {
- UETable.removeSelectedClass(this.selectedTds);
- this.selectedTds = [];
- this.cellsRange = {};
- },
- /**
- * 根据range设置已经选中的单元格
- */
- setSelected: function (range) {
- var cells = this.getCells(range);
- UETable.addSelectedClass(cells);
- this.selectedTds = cells;
- this.cellsRange = range;
- },
- isFullRow: function () {
- var range = this.cellsRange;
- return (range.endColIndex - range.beginColIndex + 1) == this.colsNum;
- },
- isFullCol: function () {
- var range = this.cellsRange,
- table = this.table,
- ths = table.getElementsByTagName("th"),
- rows = range.endRowIndex - range.beginRowIndex + 1;
- return !ths.length ? rows == this.rowsNum : rows == this.rowsNum || (rows == this.rowsNum - 1);
- },
- /**
- * 获取视觉上的前置单元格,默认是左边,top传入时
- * @param cell
- * @param top
- */
- getNextCell: function (cell, bottom, ignoreRange) {
- try {
- var cellInfo = this.getCellInfo(cell),
- nextRowIndex, nextColIndex;
- var len = this.selectedTds.length && !ignoreRange,
- range = this.cellsRange;
- //末行或者末列没有后置单元格
- if ((!bottom && (cellInfo.rowIndex == 0)) || (bottom && (!len ? (cellInfo.rowIndex + cellInfo.rowSpan > this.rowsNum - 1) : (range.endRowIndex == this.rowsNum - 1)))) return null;
- nextRowIndex = !bottom ? ( !len ? cellInfo.rowIndex - 1 : range.beginRowIndex - 1)
- : ( !len ? (cellInfo.rowIndex + cellInfo.rowSpan) : range.endRowIndex + 1);
- nextColIndex = !len ? cellInfo.colIndex : range.beginColIndex;
- return this.getCell(this.indexTable[nextRowIndex][nextColIndex].rowIndex, this.indexTable[nextRowIndex][nextColIndex].cellIndex);
- } catch (e) {
- showError(e);
- }
- },
- getPreviewCell: function (cell, top) {
- try {
- var cellInfo = this.getCellInfo(cell),
- previewRowIndex, previewColIndex;
- var len = this.selectedTds.length,
- range = this.cellsRange;
- //首行或者首列没有前置单元格
- if ((!top && (!len ? !cellInfo.colIndex : !range.beginColIndex)) || (top && (!len ? (cellInfo.rowIndex > (this.colsNum - 1)) : (range.endColIndex == this.colsNum - 1)))) return null;
- previewRowIndex = !top ? ( !len ? cellInfo.rowIndex : range.beginRowIndex )
- : ( !len ? (cellInfo.rowIndex < 1 ? 0 : (cellInfo.rowIndex - 1)) : range.beginRowIndex);
- previewColIndex = !top ? ( !len ? (cellInfo.colIndex < 1 ? 0 : (cellInfo.colIndex - 1)) : range.beginColIndex - 1)
- : ( !len ? cellInfo.colIndex : range.endColIndex + 1);
- return this.getCell(this.indexTable[previewRowIndex][previewColIndex].rowIndex, this.indexTable[previewRowIndex][previewColIndex].cellIndex);
- } catch (e) {
- showError(e);
- }
- },
- /**
- * 移动单元格中的内容
- */
- moveContent: function (cellTo, cellFrom) {
- if (UETable.isEmptyBlock(cellFrom)) return;
- if (UETable.isEmptyBlock(cellTo)) {
- cellTo.innerHTML = cellFrom.innerHTML;
- return;
- }
- var child = cellTo.lastChild;
- if (child.nodeType == 3 || !dtd.$block[child.tagName]) {
- cellTo.appendChild(cellTo.ownerDocument.createElement('br'))
- }
- while (child = cellFrom.firstChild) {
- cellTo.appendChild(child);
- }
- },
- /**
- * 向右合并单元格
- */
- mergeRight: function (cell) {
- var cellInfo = this.getCellInfo(cell),
- rightColIndex = cellInfo.colIndex + cellInfo.colSpan,
- rightCellInfo = this.indexTable[cellInfo.rowIndex][rightColIndex],
- rightCell = this.getCell(rightCellInfo.rowIndex, rightCellInfo.cellIndex);
- //合并
- cell.colSpan = cellInfo.colSpan + rightCellInfo.colSpan;
- //被合并的单元格不应存在宽度属性
- cell.removeAttribute("width");
- //移动内容
- this.moveContent(cell, rightCell);
- //删掉被合并的Cell
- this.deleteCell(rightCell, rightCellInfo.rowIndex);
- this.update();
- },
- /**
- * 向下合并单元格
- */
- mergeDown: function (cell) {
- var cellInfo = this.getCellInfo(cell),
- downRowIndex = cellInfo.rowIndex + cellInfo.rowSpan,
- downCellInfo = this.indexTable[downRowIndex][cellInfo.colIndex],
- downCell = this.getCell(downCellInfo.rowIndex, downCellInfo.cellIndex);
- cell.rowSpan = cellInfo.rowSpan + downCellInfo.rowSpan;
- cell.removeAttribute("height");
- this.moveContent(cell, downCell);
- this.deleteCell(downCell, downCellInfo.rowIndex);
- this.update();
- },
- /**
- * 合并整个range中的内容
- */
- mergeRange: function () {
- //由于合并操作可以在任意时刻进行,所以无法通过鼠标位置等信息实时生成range,只能通过缓存实例中的cellsRange对象来访问
- var range = this.cellsRange,
- leftTopCell = this.getCell(range.beginRowIndex, this.indexTable[range.beginRowIndex][range.beginColIndex].cellIndex);
- if (leftTopCell.tagName == "TH" && range.endRowIndex !== range.beginRowIndex) {
- var index = this.indexTable,
- info = this.getCellInfo(leftTopCell);
- leftTopCell = this.getCell(1, index[1][info.colIndex].cellIndex);
- range = this.getCellsRange(leftTopCell, this.getCell(index[this.rowsNum - 1][info.colIndex].rowIndex, index[this.rowsNum - 1][info.colIndex].cellIndex));
- }
- // 删除剩余的Cells
- var cells = this.getCells(range);
- for (var i = 0, ci; ci = cells[i++];) {
- if (ci !== leftTopCell) {
- this.moveContent(leftTopCell, ci);
- this.deleteCell(ci);
- }
- }
- // 修改左上角Cell的rowSpan和colSpan,并调整宽度属性设置
- leftTopCell.rowSpan = range.endRowIndex - range.beginRowIndex + 1;
- leftTopCell.rowSpan > 1 && leftTopCell.removeAttribute("height");
- leftTopCell.colSpan = range.endColIndex - range.beginColIndex + 1;
- leftTopCell.colSpan > 1 && leftTopCell.removeAttribute("width");
- if (leftTopCell.rowSpan == this.rowsNum && leftTopCell.colSpan != 1) {
- leftTopCell.colSpan = 1;
- }
- if (leftTopCell.colSpan == this.colsNum && leftTopCell.rowSpan != 1) {
- var rowIndex = leftTopCell.parentNode.rowIndex;
- //解决IE下的表格操作问题
- if (this.table.deleteRow) {
- for (var i = rowIndex + 1, curIndex = rowIndex + 1, len = leftTopCell.rowSpan; i < len; i++) {
- this.table.deleteRow(curIndex);
- }
- } else {
- for (var i = 0, len = leftTopCell.rowSpan - 1; i < len; i++) {
- var row = this.table.rows[rowIndex + 1];
- row.parentNode.removeChild(row);
- }
- }
- leftTopCell.rowSpan = 1;
- }
- this.update();
- },
- /**
- * 插入一行单元格
- */
- insertRow: function (rowIndex, sourceCell) {
- var numCols = this.colsNum,
- table = this.table,
- row = table.insertRow(rowIndex), cell,
- width = parseInt((table.offsetWidth - numCols * 20 - numCols - 1) / numCols, 10);
- //首行直接插入,无需考虑部分单元格被rowspan的情况
- if (rowIndex == 0 || rowIndex == this.rowsNum) {
- for (var colIndex = 0; colIndex < numCols; colIndex++) {
- cell = this.cloneCell(sourceCell, true);
- this.setCellContent(cell);
- cell.getAttribute('vAlign') && cell.setAttribute('vAlign', cell.getAttribute('vAlign'));
- row.appendChild(cell);
- }
- } else {
- var infoRow = this.indexTable[rowIndex],
- cellIndex = 0;
- for (colIndex = 0; colIndex < numCols; colIndex++) {
- var cellInfo = infoRow[colIndex];
- //如果存在某个单元格的rowspan穿过待插入行的位置,则修改该单元格的rowspan即可,无需插入单元格
- if (cellInfo.rowIndex < rowIndex) {
- cell = this.getCell(cellInfo.rowIndex, cellInfo.cellIndex);
- cell.rowSpan = cellInfo.rowSpan + 1;
- } else {
- cell = this.cloneCell(sourceCell, true);
- this.setCellContent(cell);
- row.appendChild(cell);
- }
- }
- }
- //框选时插入不触发contentchange,需要手动更新索引。
- this.update();
- return row;
- },
- /**
- * 删除一行单元格
- * @param rowIndex
- */
- deleteRow: function (rowIndex) {
- var row = this.table.rows[rowIndex],
- infoRow = this.indexTable[rowIndex],
- colsNum = this.colsNum,
- count = 0; //处理计数
- for (var colIndex = 0; colIndex < colsNum;) {
- var cellInfo = infoRow[colIndex],
- cell = this.getCell(cellInfo.rowIndex, cellInfo.cellIndex);
- if (cell.rowSpan > 1) {
- if (cellInfo.rowIndex == rowIndex) {
- var clone = cell.cloneNode(true);
- clone.rowSpan = cell.rowSpan - 1;
- clone.innerHTML = "";
- cell.rowSpan = 1;
- var nextRowIndex = rowIndex + 1,
- nextRow = this.table.rows[nextRowIndex],
- insertCellIndex,
- preMerged = this.getPreviewMergedCellsNum(nextRowIndex, colIndex) - count;
- if (preMerged < colIndex) {
- insertCellIndex = colIndex - preMerged - 1;
- //nextRow.insertCell(insertCellIndex);
- domUtils.insertAfter(nextRow.cells[insertCellIndex], clone);
- } else {
- if (nextRow.cells.length) nextRow.insertBefore(clone, nextRow.cells[0])
- }
- count += 1;
- //cell.parentNode.removeChild(cell);
- }
- }
- colIndex += cell.colSpan || 1;
- }
- var deleteTds = [], cacheMap = {};
- for (colIndex = 0; colIndex < colsNum; colIndex++) {
- var tmpRowIndex = infoRow[colIndex].rowIndex,
- tmpCellIndex = infoRow[colIndex].cellIndex,
- key = tmpRowIndex + "_" + tmpCellIndex;
- if (cacheMap[key])continue;
- cacheMap[key] = 1;
- cell = this.getCell(tmpRowIndex, tmpCellIndex);
- deleteTds.push(cell);
- }
- var mergeTds = [];
- utils.each(deleteTds, function (td) {
- if (td.rowSpan == 1) {
- td.parentNode.removeChild(td);
- } else {
- mergeTds.push(td);
- }
- });
- utils.each(mergeTds, function (td) {
- td.rowSpan--;
- });
- row.parentNode.removeChild(row);
- //浏览器方法本身存在bug,采用自定义方法删除
- //this.table.deleteRow(rowIndex);
- this.update();
- },
- insertCol: function (colIndex, sourceCell, defaultValue) {
- var rowsNum = this.rowsNum,
- rowIndex = 0,
- tableRow, cell,
- backWidth = parseInt((this.table.offsetWidth - (this.colsNum + 1) * 20 - (this.colsNum + 1)) / (this.colsNum + 1), 10);
- function replaceTdToTh(rowIndex, cell, tableRow) {
- if (rowIndex == 0) {
- var th = cell.nextSibling || cell.previousSibling;
- if (th.tagName == 'TH') {
- th = cell.ownerDocument.createElement("th");
- th.appendChild(cell.firstChild);
- tableRow.insertBefore(th, cell);
- domUtils.remove(cell)
- }
- } else {
- if (cell.tagName == 'TH') {
- var td = cell.ownerDocument.createElement("td");
- td.appendChild(cell.firstChild);
- tableRow.insertBefore(td, cell);
- domUtils.remove(cell)
- }
- }
- }
- var preCell;
- if (colIndex == 0 || colIndex == this.colsNum) {
- for (; rowIndex < rowsNum; rowIndex++) {
- tableRow = this.table.rows[rowIndex];
- preCell = tableRow.cells[colIndex == 0 ? colIndex : tableRow.cells.length];
- cell = this.cloneCell(sourceCell, true); //tableRow.insertCell(colIndex == 0 ? colIndex : tableRow.cells.length);
- this.setCellContent(cell);
- cell.setAttribute('vAlign', cell.getAttribute('vAlign'));
- preCell && cell.setAttribute('width', preCell.getAttribute('width'));
- if (!colIndex) {
- tableRow.insertBefore(cell, tableRow.cells[0]);
- } else {
- domUtils.insertAfter(tableRow.cells[tableRow.cells.length - 1], cell);
- }
- replaceTdToTh(rowIndex, cell, tableRow)
- }
- } else {
- for (; rowIndex < rowsNum; rowIndex++) {
- var cellInfo = this.indexTable[rowIndex][colIndex];
- if (cellInfo.colIndex < colIndex) {
- cell = this.getCell(cellInfo.rowIndex, cellInfo.cellIndex);
- cell.colSpan = cellInfo.colSpan + 1;
- } else {
- tableRow = this.table.rows[rowIndex];
- preCell = tableRow.cells[cellInfo.cellIndex];
- cell = this.cloneCell(sourceCell, true);//tableRow.insertCell(cellInfo.cellIndex);
- this.setCellContent(cell);
- cell.setAttribute('vAlign', cell.getAttribute('vAlign'));
- preCell && cell.setAttribute('width', preCell.getAttribute('width'));
- //防止IE下报错
- preCell ? tableRow.insertBefore(cell, preCell) : tableRow.appendChild(cell);
- }
- replaceTdToTh(rowIndex, cell, tableRow);
- }
- }
- //框选时插入不触发contentchange,需要手动更新索引
- this.update();
- this.updateWidth(backWidth, defaultValue || {tdPadding: 10, tdBorder: 1});
- },
- updateWidth: function (width, defaultValue) {
- var table = this.table,
- tmpWidth = UETable.getWidth(table) - defaultValue.tdPadding * 2 - defaultValue.tdBorder + width;
- if (tmpWidth < table.ownerDocument.body.offsetWidth) {
- table.setAttribute("width", tmpWidth);
- return;
- }
- var tds = domUtils.getElementsByTagName(this.table, "td");
- utils.each(tds, function (td) {
- td.setAttribute("width", width);
- })
- },
- deleteCol: function (colIndex) {
- var indexTable = this.indexTable,
- tableRows = this.table.rows,
- backTableWidth = this.table.getAttribute("width"),
- backTdWidth = 0,
- rowsNum = this.rowsNum,
- cacheMap = {};
- for (var rowIndex = 0; rowIndex < rowsNum;) {
- var infoRow = indexTable[rowIndex],
- cellInfo = infoRow[colIndex],
- key = cellInfo.rowIndex + '_' + cellInfo.colIndex;
- // 跳过已经处理过的Cell
- if (cacheMap[key])continue;
- cacheMap[key] = 1;
- var cell = this.getCell(cellInfo.rowIndex, cellInfo.cellIndex);
- if (!backTdWidth) backTdWidth = cell && parseInt(cell.offsetWidth / cell.colSpan, 10).toFixed(0);
- // 如果Cell的colSpan大于1, 就修改colSpan, 否则就删掉这个Cell
- if (cell.colSpan > 1) {
- cell.colSpan--;
- } else {
- tableRows[rowIndex].deleteCell(cellInfo.cellIndex);
- }
- rowIndex += cellInfo.rowSpan || 1;
- }
- this.table.setAttribute("width", backTableWidth - backTdWidth);
- this.update();
- },
- splitToCells: function (cell) {
- var me = this,
- cells = this.splitToRows(cell);
- utils.each(cells, function (cell) {
- me.splitToCols(cell);
- })
- },
- splitToRows: function (cell) {
- var cellInfo = this.getCellInfo(cell),
- rowIndex = cellInfo.rowIndex,
- colIndex = cellInfo.colIndex,
- results = [];
- // 修改Cell的rowSpan
- cell.rowSpan = 1;
- results.push(cell);
- // 补齐单元格
- for (var i = rowIndex, endRow = rowIndex + cellInfo.rowSpan; i < endRow; i++) {
- if (i == rowIndex)continue;
- var tableRow = this.table.rows[i],
- tmpCell = tableRow.insertCell(colIndex - this.getPreviewMergedCellsNum(i, colIndex));
- tmpCell.colSpan = cellInfo.colSpan;
- this.setCellContent(tmpCell);
- tmpCell.setAttribute('vAlign', cell.getAttribute('vAlign'));
- tmpCell.setAttribute('align', cell.getAttribute('align'));
- if (cell.style.cssText) {
- tmpCell.style.cssText = cell.style.cssText;
- }
- results.push(tmpCell);
- }
- this.update();
- return results;
- },
- getPreviewMergedCellsNum: function (rowIndex, colIndex) {
- var indexRow = this.indexTable[rowIndex],
- num = 0;
- for (var i = 0; i < colIndex;) {
- var colSpan = indexRow[i].colSpan,
- tmpRowIndex = indexRow[i].rowIndex;
- num += (colSpan - (tmpRowIndex == rowIndex ? 1 : 0));
- i += colSpan;
- }
- return num;
- },
- splitToCols: function (cell) {
- var backWidth = (cell.offsetWidth / cell.colSpan - 22).toFixed(0),
- cellInfo = this.getCellInfo(cell),
- rowIndex = cellInfo.rowIndex,
- colIndex = cellInfo.colIndex,
- results = [];
- // 修改Cell的rowSpan
- cell.colSpan = 1;
- cell.setAttribute("width", backWidth);
- results.push(cell);
- // 补齐单元格
- for (var j = colIndex, endCol = colIndex + cellInfo.colSpan; j < endCol; j++) {
- if (j == colIndex)continue;
- var tableRow = this.table.rows[rowIndex],
- tmpCell = tableRow.insertCell(this.indexTable[rowIndex][j].cellIndex + 1);
- tmpCell.rowSpan = cellInfo.rowSpan;
- this.setCellContent(tmpCell);
- tmpCell.setAttribute('vAlign', cell.getAttribute('vAlign'));
- tmpCell.setAttribute('align', cell.getAttribute('align'));
- tmpCell.setAttribute('width', backWidth);
- if (cell.style.cssText) {
- tmpCell.style.cssText = cell.style.cssText;
- }
- //处理th的情况
- if (cell.tagName == 'TH') {
- var th = cell.ownerDocument.createElement('th');
- th.appendChild(tmpCell.firstChild);
- th.setAttribute('vAlign', cell.getAttribute('vAlign'));
- th.rowSpan = tmpCell.rowSpan;
- tableRow.insertBefore(th, tmpCell);
- domUtils.remove(tmpCell);
- }
- results.push(tmpCell);
- }
- this.update();
- return results;
- },
- isLastCell: function (cell, rowsNum, colsNum) {
- rowsNum = rowsNum || this.rowsNum;
- colsNum = colsNum || this.colsNum;
- var cellInfo = this.getCellInfo(cell);
- return ((cellInfo.rowIndex + cellInfo.rowSpan) == rowsNum) &&
- ((cellInfo.colIndex + cellInfo.colSpan) == colsNum);
- },
- getLastCell: function (cells) {
- cells = cells || this.table.getElementsByTagName("td");
- var firstInfo = this.getCellInfo(cells[0]);
- var me = this, last = cells[0],
- tr = last.parentNode,
- cellsNum = 0, cols = 0, rows;
- utils.each(cells, function (cell) {
- if (cell.parentNode == tr)cols += cell.colSpan || 1;
- cellsNum += cell.rowSpan * cell.colSpan || 1;
- });
- rows = cellsNum / cols;
- utils.each(cells, function (cell) {
- if (me.isLastCell(cell, rows, cols)) {
- last = cell;
- return false;
- }
- });
- return last;
- },
- selectRow: function (rowIndex) {
- var indexRow = this.indexTable[rowIndex],
- start = this.getCell(indexRow[0].rowIndex, indexRow[0].cellIndex),
- end = this.getCell(indexRow[this.colsNum - 1].rowIndex, indexRow[this.colsNum - 1].cellIndex),
- range = this.getCellsRange(start, end);
- this.setSelected(range);
- },
- selectTable: function () {
- var tds = this.table.getElementsByTagName("td"),
- range = this.getCellsRange(tds[0], tds[tds.length - 1]);
- this.setSelected(range);
- },
- sortTable: function (sortByCellIndex, compareFn) {
- var table = this.table,
- rows = table.rows,
- trArray = [],
- flag = rows[0].cells[0].tagName === "TH",
- lastRowIndex = 0;
- if (this.selectedTds.length) {
- var range = this.cellsRange,
- len = range.endRowIndex + 1;
- for (var i = range.beginRowIndex; i < len; i++) {
- trArray[i] = rows[i];
- }
- trArray.splice(0, range.beginRowIndex);
- lastRowIndex = (range.endRowIndex + 1) === this.rowsNum ? 0 : range.endRowIndex + 1;
- } else {
- for (var i = 0, len = rows.length; i < len; i++) {
- trArray[i] = rows[i];
- }
- }
- //th不参与排序
- flag && trArray.splice(0, 1);
- trArray = utils.sort(trArray, function (tr1, tr2) {
- var txt = function (node) {
- return node.innerText || node.textContent;
- };
- return compareFn ? (typeof compareFn === "number" ? compareFn : compareFn.call(this, tr1.cells[sortByCellIndex], tr2.cells[sortByCellIndex])) : function () {
- var value1 = txt(tr1.cells[sortByCellIndex]),
- value2 = txt(tr2.cells[sortByCellIndex]);
- return value1.localeCompare(value2);
- }();
- });
- var fragment = table.ownerDocument.createDocumentFragment();
- for (var j = 0, len = trArray.length; j < len; j++) {
- fragment.appendChild(trArray[j]);
- }
- var tbody = table.getElementsByTagName("tbody")[0];
- if (!lastRowIndex) {
- tbody.appendChild(fragment);
- } else {
- tbody.insertBefore(fragment, rows[lastRowIndex - range.endRowIndex + range.beginRowIndex - 1])
- }
- },
- setBackground: function (cells, value) {
- if (typeof value === "string") {
- utils.each(cells, function (cell) {
- cell.style.backgroundColor = value;
- })
- } else if (typeof value === "object") {
- value = utils.extend({
- repeat: true,
- colorList: ["#ddd", "#fff"]
- }, value);
- var rowIndex = this.getCellInfo(cells[0]).rowIndex,
- count = 0,
- colors = value.colorList,
- getColor = function (list, index, repeat) {
- return list[index] ? list[index] : repeat ? list[index % list.length] : "";
- };
- for (var i = 0, cell; cell = cells[i++];) {
- var cellInfo = this.getCellInfo(cell);
- cell.style.backgroundColor = getColor(colors, ((rowIndex + count) == cellInfo.rowIndex) ? count : ++count, value.repeat);
- }
- }
- },
- removeBackground: function (cells) {
- utils.each(cells, function (cell) {
- cell.style.backgroundColor = "";
- })
- }
- };
- function showError(e) {
- }
- })();
- /**
- * Created with JetBrains PhpStorm.
- * User: taoqili
- * Date: 13-2-20
- * Time: 下午6:25
- * To change this template use File | Settings | File Templates.
- */
- ;
- (function () {
- var UT = UE.UETable,
- getTableItemsByRange = function (editor) {
- return UT.getTableItemsByRange(editor);
- },
- getUETableBySelected = function (editor) {
- return UT.getUETableBySelected(editor)
- },
- getDefaultValue = function (editor, table) {
- return UT.getDefaultValue(editor, table);
- },
- getUETable = function (tdOrTable) {
- return UT.getUETable(tdOrTable);
- };
- UE.commands['inserttable'] = {
- queryCommandState: function () {
- return getTableItemsByRange(this).table ? -1 : 0;
- },
- execCommand: function (cmd, opt) {
- function createTable(opt, tdWidth) {
- var html = [],
- rowsNum = opt.numRows,
- colsNum = opt.numCols;
- for (var r = 0; r < rowsNum; r++) {
- html.push('<tr>');
- for (var c = 0; c < colsNum; c++) {
- html.push('<td width="' + tdWidth + '" vAlign="' + opt.tdvalign + '" >' + (browser.ie ? domUtils.fillChar : '<br/>') + '</td>')
- }
- html.push('</tr>')
- }
- //禁止指定table-width
- return '<table><tbody>' + html.join('') + '</tbody></table>'
- }
- if (!opt) {
- opt = utils.extend({}, {
- numCols: this.options.defaultCols,
- numRows: this.options.defaultRows,
- tdvalign: this.options.tdvalign
- })
- }
- var me = this;
- var range = this.selection.getRange(),
- start = range.startContainer,
- firstParentBlock = domUtils.findParent(start, function (node) {
- return domUtils.isBlockElm(node);
- }, true) || me.body;
- var defaultValue = getDefaultValue(me),
- tableWidth = firstParentBlock.offsetWidth,
- tdWidth = Math.floor(tableWidth / opt.numCols - defaultValue.tdPadding * 2 - defaultValue.tdBorder);
- //todo其他属性
- !opt.tdvalign && (opt.tdvalign = me.options.tdvalign);
- me.execCommand("inserthtml", createTable(opt, tdWidth));
- }
- };
- UE.commands['insertparagraphbeforetable'] = {
- queryCommandState: function () {
- return getTableItemsByRange(this).cell ? 0 : -1;
- },
- execCommand: function () {
- var table = getTableItemsByRange(this).table;
- if (table) {
- var p = this.document.createElement("p");
- p.innerHTML = browser.ie ? ' ' : '<br />';
- table.parentNode.insertBefore(p, table);
- this.selection.getRange().setStart(p, 0).setCursor();
- }
- }
- };
- UE.commands['deletetable'] = {
- queryCommandState: function () {
- var rng = this.selection.getRange();
- return domUtils.findParentByTagName(rng.startContainer, 'table', true) ? 0 : -1;
- },
- execCommand: function (cmd, table) {
- var rng = this.selection.getRange();
- table = table || domUtils.findParentByTagName(rng.startContainer, 'table', true);
- if (table) {
- var next = table.nextSibling;
- if (!next) {
- next = domUtils.createElement(this.document, 'p', {
- 'innerHTML': browser.ie ? domUtils.fillChar : '<br/>'
- });
- table.parentNode.insertBefore(next, table);
- }
- domUtils.remove(table);
- rng = this.selection.getRange();
- if (next.nodeType == 3) {
- rng.setStartBefore(next)
- } else {
- rng.setStart(next, 0)
- }
- rng.setCursor(false, true)
- this.fireEvent("tablehasdeleted")
- }
- }
- };
- UE.commands['cellalign'] = {
- queryCommandState: function () {
- return getSelectedArr(this).length ? 0 : -1
- },
- execCommand: function (cmd, align) {
- var selectedTds = getSelectedArr(this);
- if (selectedTds.length) {
- for (var i = 0, ci; ci = selectedTds[i++];) {
- ci.setAttribute('align', align);
- }
- }
- }
- };
- UE.commands['cellvalign'] = {
- queryCommandState: function () {
- return getSelectedArr(this).length ? 0 : -1;
- },
- execCommand: function (cmd, valign) {
- var selectedTds = getSelectedArr(this);
- if (selectedTds.length) {
- for (var i = 0, ci; ci = selectedTds[i++];) {
- ci.setAttribute('vAlign', valign);
- }
- }
- }
- };
- UE.commands['insertcaption'] = {
- queryCommandState: function () {
- var table = getTableItemsByRange(this).table;
- if (table) {
- return table.getElementsByTagName('caption').length == 0 ? 1 : -1;
- }
- return -1;
- },
- execCommand: function () {
- var table = getTableItemsByRange(this).table;
- if (table) {
- var caption = this.document.createElement('caption');
- caption.innerHTML = browser.ie ? domUtils.fillChar : '<br/>';
- table.insertBefore(caption, table.firstChild);
- var range = this.selection.getRange();
- range.setStart(caption, 0).setCursor();
- }
- }
- };
- UE.commands['deletecaption'] = {
- queryCommandState: function () {
- var rng = this.selection.getRange(),
- table = domUtils.findParentByTagName(rng.startContainer, 'table');
- if (table) {
- return table.getElementsByTagName('caption').length == 0 ? -1 : 1;
- }
- return -1;
- },
- execCommand: function () {
- var rng = this.selection.getRange(),
- table = domUtils.findParentByTagName(rng.startContainer, 'table');
- if (table) {
- domUtils.remove(table.getElementsByTagName('caption')[0]);
- var range = this.selection.getRange();
- range.setStart(table.rows[0].cells[0], 0).setCursor();
- }
- }
- };
- UE.commands['inserttitle'] = {
- queryCommandState: function () {
- var table = getTableItemsByRange(this).table;
- if (table) {
- var firstRow = table.rows[0];
- return firstRow.getElementsByTagName('th').length == 0 ? 0 : -1
- }
- return -1;
- },
- execCommand: function () {
- var table = getTableItemsByRange(this).table;
- if (table) {
- getUETable(table).insertRow(0, 'th');
- }
- var th = table.getElementsByTagName('th')[0];
- this.selection.getRange().setStart(th, 0).setCursor(false, true);
- }
- };
- UE.commands['deletetitle'] = {
- queryCommandState: function () {
- var table = getTableItemsByRange(this).table;
- if (table) {
- var firstRow = table.rows[0];
- return firstRow.getElementsByTagName('th').length ? 0 : -1
- }
- return -1;
- },
- execCommand: function () {
- var table = getTableItemsByRange(this).table;
- if (table) {
- domUtils.remove(table.rows[0])
- }
- var td = table.getElementsByTagName('td')[0];
- this.selection.getRange().setStart(td, 0).setCursor(false, true);
- }
- };
- UE.commands["mergeright"] = {
- queryCommandState: function (cmd) {
- var tableItems = getTableItemsByRange(this);
- if (!tableItems.cell) return -1;
- var ut = getUETable(tableItems.table);
- if (ut.selectedTds.length) return -1;
- var cellInfo = ut.getCellInfo(tableItems.cell),
- rightColIndex = cellInfo.colIndex + cellInfo.colSpan;
- if (rightColIndex >= ut.colsNum) return -1;
- var rightCellInfo = ut.indexTable[cellInfo.rowIndex][rightColIndex];
- return (rightCellInfo.rowIndex == cellInfo.rowIndex
- && rightCellInfo.rowSpan == cellInfo.rowSpan) ? 0 : -1;
- },
- execCommand: function (cmd) {
- var rng = this.selection.getRange(),
- bk = rng.createBookmark(true);
- var cell = getTableItemsByRange(this).cell,
- ut = getUETable(cell);
- ut.mergeRight(cell);
- rng.moveToBookmark(bk).select();
- }
- };
- UE.commands["mergedown"] = {
- queryCommandState: function (cmd) {
- var tableItems = getTableItemsByRange(this),
- cell = tableItems.cell;
- if (!cell || cell.tagName == "TH") return -1;
- var ut = getUETable(tableItems.table);
- if (ut.selectedTds.length)return -1;
- var cellInfo = ut.getCellInfo(tableItems.cell),
- downRowIndex = cellInfo.rowIndex + cellInfo.rowSpan;
- // 如果处于最下边则不能f向右合并
- if (downRowIndex >= ut.rowsNum) return -1;
- var downCellInfo = ut.indexTable[downRowIndex][cellInfo.colIndex];
- // 当且仅当两个Cell的开始列号和结束列号一致时能进行合并
- return (downCellInfo.colIndex == cellInfo.colIndex
- && downCellInfo.colSpan == cellInfo.colSpan) && tableItems.cell.tagName !== 'TH' ? 0 : -1;
- },
- execCommand: function () {
- var rng = this.selection.getRange(),
- bk = rng.createBookmark(true);
- var cell = getTableItemsByRange(this).cell,
- ut = getUETable(cell);
- ut.mergeDown(cell);
- rng.moveToBookmark(bk).select();
- }
- };
- UE.commands["mergecells"] = {
- queryCommandState: function () {
- return getUETableBySelected(this) ? 0 : -1;
- },
- execCommand: function () {
- var ut = getUETableBySelected(this);
- if (ut && ut.selectedTds.length) {
- var cell = ut.selectedTds[0];
- ut.mergeRange();
- var rng = this.selection.getRange();
- if (domUtils.isEmptyBlock(cell)) {
- rng.setStart(cell, 0).collapse(true)
- } else {
- rng.selectNodeContents(cell)
- }
- rng.select();
- }
- }
- };
- UE.commands["insertrow"] = {
- queryCommandState: function () {
- var tableItems = getTableItemsByRange(this),
- cell = tableItems.cell;
- return cell && cell.tagName == "TD" && getUETable(tableItems.table).rowsNum < this.options.maxRowNum ? 0 : -1;
- },
- execCommand: function () {
- var rng = this.selection.getRange(),
- bk = rng.createBookmark(true);
- var tableItems = getTableItemsByRange(this),
- cell = tableItems.cell,
- table = tableItems.table,
- ut = getUETable(table),
- cellInfo = ut.getCellInfo(cell);
- //ut.insertRow(!ut.selectedTds.length ? cellInfo.rowIndex:ut.cellsRange.beginRowIndex,'');
- if (!ut.selectedTds.length) {
- ut.insertRow(cellInfo.rowIndex, cell);
- } else {
- var range = ut.cellsRange;
- for (var i = 0, len = range.endRowIndex - range.beginRowIndex + 1; i < len; i++) {
- ut.insertRow(range.beginRowIndex, cell);
- }
- }
- rng.moveToBookmark(bk).select();
- if (table.getAttribute("interlaced") === "enabled")this.fireEvent("interlacetable", table);
- }
- };
- //后插入行
- UE.commands["insertrownext"] = {
- queryCommandState: function () {
- var tableItems = getTableItemsByRange(this),
- cell = tableItems.cell;
- return cell && (cell.tagName == "TD") && getUETable(tableItems.table).rowsNum < this.options.maxRowNum ? 0 : -1;
- },
- execCommand: function () {
- var rng = this.selection.getRange(),
- bk = rng.createBookmark(true);
- var tableItems = getTableItemsByRange(this),
- cell = tableItems.cell,
- table = tableItems.table,
- ut = getUETable(table),
- cellInfo = ut.getCellInfo(cell);
- //ut.insertRow(!ut.selectedTds.length? cellInfo.rowIndex + cellInfo.rowSpan : ut.cellsRange.endRowIndex + 1,'');
- if (!ut.selectedTds.length) {
- ut.insertRow(cellInfo.rowIndex + cellInfo.rowSpan, cell);
- } else {
- var range = ut.cellsRange;
- for (var i = 0, len = range.endRowIndex - range.beginRowIndex + 1; i < len; i++) {
- ut.insertRow(range.endRowIndex + 1, cell);
- }
- }
- rng.moveToBookmark(bk).select();
- if (table.getAttribute("interlaced") === "enabled")this.fireEvent("interlacetable", table);
- }
- };
- UE.commands["deleterow"] = {
- queryCommandState: function () {
- var tableItems = getTableItemsByRange(this);
- if (!tableItems.cell) {
- return -1;
- }
- },
- execCommand: function () {
- var cell = getTableItemsByRange(this).cell,
- ut = getUETable(cell),
- cellsRange = ut.cellsRange,
- cellInfo = ut.getCellInfo(cell),
- preCell = ut.getVSideCell(cell),
- nextCell = ut.getVSideCell(cell, true),
- rng = this.selection.getRange();
- if (utils.isEmptyObject(cellsRange)) {
- ut.deleteRow(cellInfo.rowIndex);
- } else {
- for (var i = cellsRange.beginRowIndex; i < cellsRange.endRowIndex + 1; i++) {
- ut.deleteRow(cellsRange.beginRowIndex);
- }
- }
- var table = ut.table;
- if (!table.getElementsByTagName('td').length) {
- var nextSibling = table.nextSibling;
- domUtils.remove(table);
- if (nextSibling) {
- rng.setStart(nextSibling, 0).setCursor(false, true);
- }
- } else {
- if (cellInfo.rowSpan == 1 || cellInfo.rowSpan == cellsRange.endRowIndex - cellsRange.beginRowIndex + 1) {
- if (nextCell || preCell) rng.selectNodeContents(nextCell || preCell).setCursor(false, true);
- } else {
- var newCell = ut.getCell(cellInfo.rowIndex, ut.indexTable[cellInfo.rowIndex][cellInfo.colIndex].cellIndex);
- if (newCell) rng.selectNodeContents(newCell).setCursor(false, true);
- }
- }
- if (table.getAttribute("interlaced") === "enabled")this.fireEvent("interlacetable", table);
- }
- };
- UE.commands["insertcol"] = {
- queryCommandState: function (cmd) {
- var tableItems = getTableItemsByRange(this),
- cell = tableItems.cell;
- return cell && (cell.tagName == "TD" || cell.tagName == 'TH') && getUETable(tableItems.table).colsNum < this.options.maxColNum ? 0 : -1;
- },
- execCommand: function (cmd) {
- var rng = this.selection.getRange(),
- bk = rng.createBookmark(true);
- if (this.queryCommandState(cmd) == -1)return;
- var cell = getTableItemsByRange(this).cell,
- ut = getUETable(cell),
- cellInfo = ut.getCellInfo(cell);
- //ut.insertCol(!ut.selectedTds.length ? cellInfo.colIndex:ut.cellsRange.beginColIndex);
- if (!ut.selectedTds.length) {
- ut.insertCol(cellInfo.colIndex, cell);
- } else {
- var range = ut.cellsRange;
- for (var i = 0, len = range.endColIndex - range.beginColIndex + 1; i < len; i++) {
- ut.insertCol(range.beginColIndex, cell);
- }
- }
- rng.moveToBookmark(bk).select(true);
- }
- };
- UE.commands["insertcolnext"] = {
- queryCommandState: function () {
- var tableItems = getTableItemsByRange(this),
- cell = tableItems.cell;
- return cell && getUETable(tableItems.table).colsNum < this.options.maxColNum ? 0 : -1;
- },
- execCommand: function () {
- var rng = this.selection.getRange(),
- bk = rng.createBookmark(true);
- var cell = getTableItemsByRange(this).cell,
- ut = getUETable(cell),
- cellInfo = ut.getCellInfo(cell);
- //ut.insertCol(!ut.selectedTds.length ? cellInfo.colIndex + cellInfo.colSpan:ut.cellsRange.endColIndex +1);
- if (!ut.selectedTds.length) {
- ut.insertCol(cellInfo.colIndex + cellInfo.colSpan, cell);
- } else {
- var range = ut.cellsRange;
- for (var i = 0, len = range.endColIndex - range.beginColIndex + 1; i < len; i++) {
- ut.insertCol(range.endColIndex + 1, cell);
- }
- }
- rng.moveToBookmark(bk).select();
- }
- };
- UE.commands["deletecol"] = {
- queryCommandState: function () {
- var tableItems = getTableItemsByRange(this);
- if (!tableItems.cell) return -1;
- },
- execCommand: function () {
- var cell = getTableItemsByRange(this).cell,
- ut = getUETable(cell),
- range = ut.cellsRange,
- cellInfo = ut.getCellInfo(cell),
- preCell = ut.getHSideCell(cell),
- nextCell = ut.getHSideCell(cell, true);
- if (utils.isEmptyObject(range)) {
- ut.deleteCol(cellInfo.colIndex);
- } else {
- for (var i = range.beginColIndex; i < range.endColIndex + 1; i++) {
- ut.deleteCol(range.beginColIndex);
- }
- }
- var table = ut.table,
- rng = this.selection.getRange();
- if (!table.getElementsByTagName('td').length) {
- var nextSibling = table.nextSibling;
- domUtils.remove(table);
- if (nextSibling) {
- rng.setStart(nextSibling, 0).setCursor(false, true);
- }
- } else {
- if (domUtils.inDoc(cell, this.document)) {
- rng.setStart(cell, 0).setCursor(false, true);
- } else {
- if (nextCell && domUtils.inDoc(nextCell, this.document)) {
- rng.selectNodeContents(nextCell).setCursor(false, true);
- } else {
- if (preCell && domUtils.inDoc(preCell, this.document)) {
- rng.selectNodeContents(preCell).setCursor(true, true);
- }
- }
- }
- }
- }
- };
- UE.commands["splittocells"] = {
- queryCommandState: function () {
- var tableItems = getTableItemsByRange(this),
- cell = tableItems.cell;
- if (!cell) return -1;
- var ut = getUETable(tableItems.table);
- if (ut.selectedTds.length > 0) return -1;
- return cell && (cell.colSpan > 1 || cell.rowSpan > 1) ? 0 : -1;
- },
- execCommand: function () {
- var rng = this.selection.getRange(),
- bk = rng.createBookmark(true);
- var cell = getTableItemsByRange(this).cell,
- ut = getUETable(cell);
- ut.splitToCells(cell);
- rng.moveToBookmark(bk).select();
- }
- };
- UE.commands["splittorows"] = {
- queryCommandState: function () {
- var tableItems = getTableItemsByRange(this),
- cell = tableItems.cell;
- if (!cell) return -1;
- var ut = getUETable(tableItems.table);
- if (ut.selectedTds.length > 0) return -1;
- return cell && cell.rowSpan > 1 ? 0 : -1;
- },
- execCommand: function () {
- var rng = this.selection.getRange(),
- bk = rng.createBookmark(true);
- var cell = getTableItemsByRange(this).cell,
- ut = getUETable(cell);
- ut.splitToRows(cell);
- rng.moveToBookmark(bk).select();
- }
- };
- UE.commands["splittocols"] = {
- queryCommandState: function () {
- var tableItems = getTableItemsByRange(this),
- cell = tableItems.cell;
- if (!cell) return -1;
- var ut = getUETable(tableItems.table);
- if (ut.selectedTds.length > 0) return -1;
- return cell && cell.colSpan > 1 ? 0 : -1;
- },
- execCommand: function () {
- var rng = this.selection.getRange(),
- bk = rng.createBookmark(true);
- var cell = getTableItemsByRange(this).cell,
- ut = getUETable(cell);
- ut.splitToCols(cell);
- rng.moveToBookmark(bk).select();
- }
- };
- UE.commands["adaptbytext"] =
- UE.commands["adaptbywindow"] = {
- queryCommandState: function () {
- return getTableItemsByRange(this).table ? 0 : -1
- },
- execCommand: function (cmd) {
- var tableItems = getTableItemsByRange(this),
- table = tableItems.table;
- if (table) {
- if (cmd == 'adaptbywindow') {
- resetTdWidth(table, this);
- } else {
- var cells = domUtils.getElementsByTagName(table, "td th");
- utils.each(cells, function (cell) {
- cell.removeAttribute("width");
- });
- table.removeAttribute("width");
- }
- }
- }
- };
- //平均分配各列
- UE.commands['averagedistributecol'] = {
- queryCommandState: function () {
- var ut = getUETableBySelected(this);
- if (!ut) return -1;
- return ut.isFullRow() || ut.isFullCol() ? 0 : -1;
- },
- execCommand: function (cmd) {
- var me = this,
- ut = getUETableBySelected(me);
- function getAverageWidth() {
- var tb = ut.table,
- averageWidth, sumWidth = 0, colsNum = 0,
- tbAttr = getDefaultValue(me, tb);
- if (ut.isFullRow()) {
- sumWidth = tb.offsetWidth;
- colsNum = ut.colsNum;
- } else {
- var begin = ut.cellsRange.beginColIndex,
- end = ut.cellsRange.endColIndex,
- node;
- for (var i = begin; i <= end;) {
- node = ut.selectedTds[i];
- sumWidth += node.offsetWidth;
- i += node.colSpan;
- colsNum += 1;
- }
- }
- averageWidth = Math.ceil(sumWidth / colsNum) - tbAttr.tdBorder * 2 - tbAttr.tdPadding * 2;
- return averageWidth;
- }
- function setAverageWidth(averageWidth) {
- utils.each(domUtils.getElementsByTagName(ut.table, "th"), function (node) {
- node.setAttribute("width", "");
- });
- var cells = ut.isFullRow() ? domUtils.getElementsByTagName(ut.table, "td") : ut.selectedTds;
- utils.each(cells, function (node) {
- if (node.colSpan == 1) {
- node.setAttribute("width", averageWidth);
- }
- });
- }
- if (ut && ut.selectedTds.length) {
- setAverageWidth(getAverageWidth());
- }
- }
- };
- //平均分配各行
- UE.commands['averagedistributerow'] = {
- queryCommandState: function () {
- var ut = getUETableBySelected(this);
- if (!ut) return -1;
- if (ut.selectedTds && /th/ig.test(ut.selectedTds[0].tagName)) return -1;
- return ut.isFullRow() || ut.isFullCol() ? 0 : -1;
- },
- execCommand: function (cmd) {
- var me = this,
- ut = getUETableBySelected(me);
- function getAverageHeight() {
- var averageHeight, rowNum, sumHeight = 0,
- tb = ut.table,
- tbAttr = getDefaultValue(me, tb),
- tdpadding = parseInt(domUtils.getComputedStyle(tb.getElementsByTagName('td')[0], "padding-top"));
- if (ut.isFullCol()) {
- var captionArr = domUtils.getElementsByTagName(tb, "caption"),
- thArr = domUtils.getElementsByTagName(tb, "th"),
- captionHeight, thHeight;
- if (captionArr.length > 0) {
- captionHeight = captionArr[0].offsetHeight;
- }
- if (thArr.length > 0) {
- thHeight = thArr[0].offsetHeight;
- }
- sumHeight = tb.offsetHeight - (captionHeight || 0) - (thHeight || 0);
- rowNum = thArr.length == 0 ? ut.rowsNum : (ut.rowsNum - 1);
- } else {
- var begin = ut.cellsRange.beginRowIndex,
- end = ut.cellsRange.endRowIndex,
- count = 0,
- trs = domUtils.getElementsByTagName(tb, "tr");
- for (var i = begin; i <= end; i++) {
- sumHeight += trs[i].offsetHeight;
- count += 1;
- }
- rowNum = count;
- }
- //ie8下是混杂模式
- if (browser.ie && browser.version < 9) {
- averageHeight = Math.ceil(sumHeight / rowNum);
- } else {
- averageHeight = Math.ceil(sumHeight / rowNum) - tbAttr.tdBorder * 2 - tdpadding * 2;
- }
- return averageHeight;
- }
- function setAverageHeight(averageHeight) {
- var cells = ut.isFullCol() ? domUtils.getElementsByTagName(ut.table, "td") : ut.selectedTds;
- utils.each(cells, function (node) {
- if (node.rowSpan == 1) {
- node.setAttribute("height", averageHeight);
- }
- });
- }
- if (ut && ut.selectedTds.length) {
- setAverageHeight(getAverageHeight());
- }
- }
- };
- //单元格对齐方式
- UE.commands['cellalignment'] = {
- queryCommandState: function () {
- return getTableItemsByRange(this).table ? 0 : -1
- },
- execCommand: function (cmd, data) {
- var me = this,
- ut = getUETableBySelected(me);
- if (!ut) {
- var start = me.selection.getStart(),
- cell = start && domUtils.findParentByTagName(start, ["td", "th", "caption"], true);
- if (!/caption/ig.test(cell.tagName)) {
- domUtils.setAttributes(cell, data);
- } else {
- cell.style.textAlign = data.align;
- cell.style.verticalAlign = data.vAlign;
- }
- me.selection.getRange().setCursor(true);
- } else {
- utils.each(ut.selectedTds, function (cell) {
- domUtils.setAttributes(cell, data);
- });
- }
- },
- /**
- * 查询当前点击的单元格的对齐状态, 如果当前已经选择了多个单元格, 则会返回所有单元格经过统一协调过后的状态
- * @see UE.UETable.getTableCellAlignState
- */
- queryCommandValue: function (cmd) {
- var activeMenuCell = getTableItemsByRange(this).cell;
- if (!activeMenuCell) {
- activeMenuCell = getSelectedArr(this)[0];
- }
- if (!activeMenuCell) {
- return null;
- } else {
- //获取同时选中的其他单元格
- var cells = UE.UETable.getUETable(activeMenuCell).selectedTds;
- !cells.length && ( cells = activeMenuCell );
- return UE.UETable.getTableCellAlignState(cells);
- }
- }
- };
- //表格对齐方式
- UE.commands['tablealignment'] = {
- queryCommandState: function () {
- if (browser.ie && browser.version < 8) {
- return -1;
- }
- return getTableItemsByRange(this).table ? 0 : -1
- },
- execCommand: function (cmd, value) {
- var me = this,
- start = me.selection.getStart(),
- table = start && domUtils.findParentByTagName(start, ["table"], true);
- if (table) {
- table.setAttribute("align", value);
- }
- }
- };
- //表格属性
- UE.commands['edittable'] = {
- queryCommandState: function () {
- return getTableItemsByRange(this).table ? 0 : -1
- },
- execCommand: function (cmd, color) {
- var rng = this.selection.getRange(),
- table = domUtils.findParentByTagName(rng.startContainer, 'table');
- if (table) {
- var arr = domUtils.getElementsByTagName(table, "td").concat(
- domUtils.getElementsByTagName(table, "th"),
- domUtils.getElementsByTagName(table, "caption")
- );
- utils.each(arr, function (node) {
- node.style.borderColor = color;
- });
- }
- }
- };
- //单元格属性
- UE.commands['edittd'] = {
- queryCommandState: function () {
- return getTableItemsByRange(this).table ? 0 : -1
- },
- execCommand: function (cmd, bkColor) {
- var me = this,
- ut = getUETableBySelected(me);
- if (!ut) {
- var start = me.selection.getStart(),
- cell = start && domUtils.findParentByTagName(start, ["td", "th", "caption"], true);
- if (cell) {
- cell.style.backgroundColor = bkColor;
- }
- } else {
- utils.each(ut.selectedTds, function (cell) {
- cell.style.backgroundColor = bkColor;
- });
- }
- }
- };
- UE.commands['sorttable'] = {
- queryCommandState: function () {
- var me = this,
- tableItems = getTableItemsByRange(me);
- if (!tableItems.cell) return -1;
- var table = tableItems.table,
- cells = table.getElementsByTagName("td");
- for (var i = 0, cell; cell = cells[i++];) {
- if (cell.rowSpan != 1 || cell.colSpan != 1) return -1;
- }
- return 0;
- },
- execCommand: function (cmd, fn) {
- var me = this,
- range = me.selection.getRange(),
- bk = range.createBookmark(true),
- tableItems = getTableItemsByRange(me),
- cell = tableItems.cell,
- ut = getUETable(tableItems.table),
- cellInfo = ut.getCellInfo(cell);
- ut.sortTable(cellInfo.cellIndex, fn);
- range.moveToBookmark(bk).select();
- }
- };
- UE.commands["enablesort"] = UE.commands["disablesort"] = {
- queryCommandState: function () {
- return getTableItemsByRange(this).table ? 0 : -1;
- },
- execCommand: function (cmd) {
- var table = getTableItemsByRange(this).table;
- table.setAttribute("data-sort", cmd == "enablesort" ? "sortEnabled" : "sortDisabled");
- }
- };
- UE.commands["settablebackground"] = {
- queryCommandState: function () {
- return getSelectedArr(this).length > 1 ? 0 : -1;
- },
- execCommand: function (cmd, value) {
- var table, cells, ut;
- cells = getSelectedArr(this);
- ut = getUETable(cells[0]);
- ut.setBackground(cells, value);
- }
- };
- UE.commands["cleartablebackground"] = {
- queryCommandState: function () {
- var cells = getSelectedArr(this);
- if (!cells.length)return -1;
- for (var i = 0, cell; cell = cells[i++];) {
- if (cell.style.backgroundColor !== "") return 0;
- }
- return -1;
- },
- execCommand: function () {
- var cells = getSelectedArr(this),
- ut = getUETable(cells[0]);
- ut.removeBackground(cells);
- }
- };
- UE.commands["interlacetable"] = UE.commands["uninterlacetable"] = {
- queryCommandState: function (cmd) {
- var table = getTableItemsByRange(this).table;
- if (!table) return -1;
- var interlaced = table.getAttribute("interlaced");
- if (cmd == "interlacetable") {
- //TODO 待定
- //是否需要待定,如果设置,则命令只能单次执行成功,但反射具备toggle效果;否则可以覆盖前次命令,但反射将不存在toggle效果
- return (interlaced === "enabled") ? -1 : 0;
- } else {
- return (!interlaced || interlaced === "disabled") ? -1 : 0;
- }
- },
- execCommand: function (cmd, classList) {
- var table = getTableItemsByRange(this).table;
- if (cmd == "interlacetable") {
- table.setAttribute("interlaced", "enabled");
- this.fireEvent("interlacetable", table, classList);
- } else {
- table.setAttribute("interlaced", "disabled");
- this.fireEvent("uninterlacetable", table);
- }
- }
- };
- function resetTdWidth(table, editor) {
- var tds = table.getElementsByTagName("td");
- utils.each(tds, function (td) {
- td.removeAttribute("width");
- });
- table.setAttribute('width', getTableWidth(editor, true, getDefaultValue(editor, table)));
- setTimeout(function () {
- utils.each(tds, function (td) {
- (td.colSpan == 1) && td.setAttribute("width", td.offsetWidth + "");
- })
- }, 0);
- }
- function getTableWidth(editor, needIEHack, defaultValue) {
- var body = editor.body;
- return body.offsetWidth - (needIEHack ? parseInt(domUtils.getComputedStyle(body, 'margin-left'), 10) * 2 : 0) - defaultValue.tableBorder * 2 - (editor.options.offsetWidth || 0);
- }
- function getSelectedArr(editor) {
- var cell = getTableItemsByRange(editor).cell;
- if (cell) {
- var ut = getUETable(cell);
- return ut.selectedTds.length ? ut.selectedTds : [cell];
- } else {
- return [];
- }
- }
- })();
- /**
- * Created with JetBrains PhpStorm.
- * User: taoqili
- * Date: 12-10-12
- * Time: 上午10:05
- * To change this template use File | Settings | File Templates.
- */
- UE.plugins['table'] = function () {
- var me = this,
- tabTimer = null,
- //拖动计时器
- tableDragTimer = null,
- //双击计时器
- tableResizeTimer = null,
- //单元格最小宽度
- cellMinWidth = 5,
- isInResizeBuffer = false,
- //单元格边框大小
- cellBorderWidth = 5,
- //鼠标偏移距离
- offsetOfTableCell = 10,
- //记录在有限时间内的点击状态, 共有3个取值, 0, 1, 2。 0代表未初始化, 1代表单击了1次,2代表2次
- singleClickState = 0,
- userActionStatus = null,
- //双击允许的时间范围
- dblclickTime = 360,
- UT = UE.UETable,
- getUETable = function (tdOrTable) {
- return UT.getUETable(tdOrTable);
- },
- getUETableBySelected = function (editor) {
- return UT.getUETableBySelected(editor);
- },
- getDefaultValue = function (editor, table) {
- return UT.getDefaultValue(editor, table);
- },
- removeSelectedClass = function (cells) {
- return UT.removeSelectedClass(cells);
- };
- function showError(e) {
- // throw e;
- }
- me.ready(function () {
- var me = this;
- var orgGetText = me.selection.getText;
- me.selection.getText = function () {
- var table = getUETableBySelected(me);
- if (table) {
- var str = '';
- utils.each(table.selectedTds, function (td) {
- str += td[browser.ie ? 'innerText' : 'textContent'];
- })
- return str;
- } else {
- return orgGetText.call(me.selection)
- }
- }
- })
- //处理拖动及框选相关方法
- var startTd = null, //鼠标按下时的锚点td
- currentTd = null, //当前鼠标经过时的td
- onDrag = "", //指示当前拖动状态,其值可为"","h","v" ,分别表示未拖动状态,横向拖动状态,纵向拖动状态,用于鼠标移动过程中的判断
- onBorder = false, //检测鼠标按下时是否处在单元格边缘位置
- dragButton = null,
- dragOver = false,
- dragLine = null, //模拟的拖动线
- dragTd = null; //发生拖动的目标td
- var mousedown = false,
- //todo 判断混乱模式
- needIEHack = true;
- me.setOpt({
- 'maxColNum': 20,
- 'maxRowNum': 100,
- 'defaultCols': 5,
- 'defaultRows': 5,
- 'tdvalign': 'top',
- 'cursorpath': me.options.UEDITOR_HOME_URL + "themes/default/images/cursor_",
- 'tableDragable': false,
- 'classList': ["ue-table-interlace-color-single", "ue-table-interlace-color-double"]
- });
- me.getUETable = getUETable;
- var commands = {
- 'deletetable': 1,
- 'inserttable': 1,
- 'cellvalign': 1,
- 'insertcaption': 1,
- 'deletecaption': 1,
- 'inserttitle': 1,
- 'deletetitle': 1,
- "mergeright": 1,
- "mergedown": 1,
- "mergecells": 1,
- "insertrow": 1,
- "insertrownext": 1,
- "deleterow": 1,
- "insertcol": 1,
- "insertcolnext": 1,
- "deletecol": 1,
- "splittocells": 1,
- "splittorows": 1,
- "splittocols": 1,
- "adaptbytext": 1,
- "adaptbywindow": 1,
- "adaptbycustomer": 1,
- "insertparagraph": 1,
- "insertparagraphbeforetable": 1,
- "averagedistributecol": 1,
- "averagedistributerow": 1
- };
- me.ready(function () {
- utils.cssRule('table',
- //选中的td上的样式
- '.selectTdClass{background-color:#edf5fa !important}' +
- 'table.noBorderTable td,table.noBorderTable th,table.noBorderTable caption{border:1px dashed #ddd !important}' +
- //插入的表格的默认样式
- 'table{margin-bottom:10px;border-collapse:collapse;display:table;}' +
- 'td,th{padding: 5px 10px;border: 1px solid #DDD;}' +
- 'caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}' +
- 'th{border-top:2px solid #BBB;background:#F7F7F7;}' +
- '.ue-table-interlace-color-single{ background-color: #fcfcfc; } .ue-table-interlace-color-double{ background-color: #f7faff; }' +
- 'td p{margin:0;padding:0;}', me.document);
- var tableCopyList, isFullCol, isFullRow;
- //注册del/backspace事件
- me.addListener('keydown', function (cmd, evt) {
- var me = this;
- var keyCode = evt.keyCode || evt.which;
- if (keyCode == 8) {
- var ut = getUETableBySelected(me);
- if (ut && ut.selectedTds.length) {
- if (ut.isFullCol()) {
- me.execCommand('deletecol')
- } else if (ut.isFullRow()) {
- me.execCommand('deleterow')
- } else {
- me.fireEvent('delcells');
- }
- domUtils.preventDefault(evt);
- }
- var caption = domUtils.findParentByTagName(me.selection.getStart(), 'caption', true),
- range = me.selection.getRange();
- if (range.collapsed && caption && isEmptyBlock(caption)) {
- me.fireEvent('saveScene');
- var table = caption.parentNode;
- domUtils.remove(caption);
- if (table) {
- range.setStart(table.rows[0].cells[0], 0).setCursor(false, true);
- }
- me.fireEvent('saveScene');
- }
- }
- if (keyCode == 46) {
- ut = getUETableBySelected(me);
- if (ut) {
- me.fireEvent('saveScene');
- for (var i = 0, ci; ci = ut.selectedTds[i++];) {
- domUtils.fillNode(me.document, ci)
- }
- me.fireEvent('saveScene');
- domUtils.preventDefault(evt);
- }
- }
- if (keyCode == 13) {
- var rng = me.selection.getRange(),
- caption = domUtils.findParentByTagName(rng.startContainer, 'caption', true);
- if (caption) {
- var table = domUtils.findParentByTagName(caption, 'table');
- if (!rng.collapsed) {
- rng.deleteContents();
- me.fireEvent('saveScene');
- } else {
- if (caption) {
- rng.setStart(table.rows[0].cells[0], 0).setCursor(false, true);
- }
- }
- domUtils.preventDefault(evt);
- return;
- }
- if (rng.collapsed) {
- var table = domUtils.findParentByTagName(rng.startContainer, 'table');
- if (table) {
- var cell = table.rows[0].cells[0],
- start = domUtils.findParentByTagName(me.selection.getStart(), ['td', 'th'], true),
- preNode = table.previousSibling;
- if (cell === start && (!preNode || preNode.nodeType == 1 && preNode.tagName == 'TABLE' ) && domUtils.isStartInblock(rng)) {
- var first = domUtils.findParent(me.selection.getStart(), function (n) {
- return domUtils.isBlockElm(n)
- }, true);
- if (first && ( /t(h|d)/i.test(first.tagName) || first === start.firstChild )) {
- me.execCommand('insertparagraphbeforetable');
- domUtils.preventDefault(evt);
- }
- }
- }
- }
- }
- if ((evt.ctrlKey || evt.metaKey) && evt.keyCode == '67') {
- tableCopyList = null;
- var ut = getUETableBySelected(me);
- if (ut) {
- var tds = ut.selectedTds;
- isFullCol = ut.isFullCol();
- isFullRow = ut.isFullRow();
- tableCopyList = [
- [ut.cloneCell(tds[0], null, true)]
- ];
- for (var i = 1, ci; ci = tds[i]; i++) {
- if (ci.parentNode !== tds[i - 1].parentNode) {
- tableCopyList.push([ut.cloneCell(ci, null, true)]);
- } else {
- tableCopyList[tableCopyList.length - 1].push(ut.cloneCell(ci, null, true));
- }
- }
- }
- }
- });
- me.addListener("tablehasdeleted", function () {
- toggleDraggableState(this, false, "", null);
- if (dragButton)domUtils.remove(dragButton);
- });
- me.addListener('beforepaste', function (cmd, html) {
- var me = this;
- var rng = me.selection.getRange();
- if (domUtils.findParentByTagName(rng.startContainer, 'caption', true)) {
- var div = me.document.createElement("div");
- div.innerHTML = html.html;
- html.html = div[browser.ie ? 'innerText' : 'textContent'];
- return;
- }
- var table = getUETableBySelected(me);
- if (tableCopyList) {
- me.fireEvent('saveScene');
- var rng = me.selection.getRange();
- var td = domUtils.findParentByTagName(rng.startContainer, ['td', 'th'], true), tmpNode, preNode;
- if (td) {
- var ut = getUETable(td);
- if (isFullRow) {
- var rowIndex = ut.getCellInfo(td).rowIndex;
- if (td.tagName == 'TH') {
- rowIndex++;
- }
- for (var i = 0, ci; ci = tableCopyList[i++];) {
- var tr = ut.insertRow(rowIndex++, "td");
- for (var j = 0, cj; cj = ci[j]; j++) {
- var cell = tr.cells[j];
- if (!cell) {
- cell = tr.insertCell(j)
- }
- cell.innerHTML = cj.innerHTML;
- cj.getAttribute('width') && cell.setAttribute('width', cj.getAttribute('width'));
- cj.getAttribute('vAlign') && cell.setAttribute('vAlign', cj.getAttribute('vAlign'));
- cj.getAttribute('align') && cell.setAttribute('align', cj.getAttribute('align'));
- cj.style.cssText && (cell.style.cssText = cj.style.cssText)
- }
- for (var j = 0, cj; cj = tr.cells[j]; j++) {
- if (!ci[j])
- break;
- cj.innerHTML = ci[j].innerHTML;
- ci[j].getAttribute('width') && cj.setAttribute('width', ci[j].getAttribute('width'));
- ci[j].getAttribute('vAlign') && cj.setAttribute('vAlign', ci[j].getAttribute('vAlign'));
- ci[j].getAttribute('align') && cj.setAttribute('align', ci[j].getAttribute('align'));
- ci[j].style.cssText && (cj.style.cssText = ci[j].style.cssText)
- }
- }
- } else {
- if (isFullCol) {
- cellInfo = ut.getCellInfo(td);
- var maxColNum = 0;
- for (var j = 0, ci = tableCopyList[0], cj; cj = ci[j++];) {
- maxColNum += cj.colSpan || 1;
- }
- me.__hasEnterExecCommand = true;
- for (i = 0; i < maxColNum; i++) {
- me.execCommand('insertcol');
- }
- me.__hasEnterExecCommand = false;
- td = ut.table.rows[0].cells[cellInfo.cellIndex];
- if (td.tagName == 'TH') {
- td = ut.table.rows[1].cells[cellInfo.cellIndex];
- }
- }
- for (var i = 0, ci; ci = tableCopyList[i++];) {
- tmpNode = td;
- for (var j = 0, cj; cj = ci[j++];) {
- if (td) {
- td.innerHTML = cj.innerHTML;
- //todo 定制处理
- cj.getAttribute('width') && td.setAttribute('width', cj.getAttribute('width'));
- cj.getAttribute('vAlign') && td.setAttribute('vAlign', cj.getAttribute('vAlign'));
- cj.getAttribute('align') && td.setAttribute('align', cj.getAttribute('align'));
- cj.style.cssText && (td.style.cssText = cj.style.cssText);
- preNode = td;
- td = td.nextSibling;
- } else {
- var cloneTd = cj.cloneNode(true);
- domUtils.removeAttributes(cloneTd, ['class', 'rowSpan', 'colSpan']);
- preNode.parentNode.appendChild(cloneTd)
- }
- }
- td = ut.getNextCell(tmpNode, true, true);
- if (!tableCopyList[i])
- break;
- if (!td) {
- var cellInfo = ut.getCellInfo(tmpNode);
- ut.table.insertRow(ut.table.rows.length);
- ut.update();
- td = ut.getVSideCell(tmpNode, true);
- }
- }
- }
- ut.update();
- } else {
- table = me.document.createElement('table');
- for (var i = 0, ci; ci = tableCopyList[i++];) {
- var tr = table.insertRow(table.rows.length);
- for (var j = 0, cj; cj = ci[j++];) {
- cloneTd = UT.cloneCell(cj, null, true);
- domUtils.removeAttributes(cloneTd, ['class']);
- tr.appendChild(cloneTd)
- }
- if (j == 2 && cloneTd.rowSpan > 1) {
- cloneTd.rowSpan = 1;
- }
- }
- var defaultValue = getDefaultValue(me),
- width = me.body.offsetWidth -
- (needIEHack ? parseInt(domUtils.getComputedStyle(me.body, 'margin-left'), 10) * 2 : 0) - defaultValue.tableBorder * 2 - (me.options.offsetWidth || 0);
- me.execCommand('insertHTML', '<table ' +
- ( isFullCol && isFullRow ? 'width="' + width + '"' : '') +
- '>' + table.innerHTML.replace(/>\s*</g, '><').replace(/\bth\b/gi, "td") + '</table>')
- }
- me.fireEvent('contentchange');
- me.fireEvent('saveScene');
- html.html = '';
- return true;
- } else {
- var div = me.document.createElement("div"), tables;
- div.innerHTML = html.html;
- tables = div.getElementsByTagName("table");
- if (domUtils.findParentByTagName(me.selection.getStart(), 'table')) {
- utils.each(tables, function (t) {
- domUtils.remove(t)
- });
- if (domUtils.findParentByTagName(me.selection.getStart(), 'caption', true)) {
- div.innerHTML = div[browser.ie ? 'innerText' : 'textContent'];
- }
- } else {
- utils.each(tables, function (table) {
- removeStyleSize(table, true);
- domUtils.removeAttributes(table, ['style', 'border']);
- utils.each(domUtils.getElementsByTagName(table, "td"), function (td) {
- if (isEmptyBlock(td)) {
- domUtils.fillNode(me.document, td);
- }
- removeStyleSize(td, true);
- // domUtils.removeAttributes(td, ['style'])
- });
- });
- }
- html.html = div.innerHTML;
- }
- });
- me.addListener('afterpaste', function () {
- utils.each(domUtils.getElementsByTagName(me.body, "table"), function (table) {
- if (table.offsetWidth > me.body.offsetWidth) {
- var defaultValue = getDefaultValue(me, table);
- table.style.width = me.body.offsetWidth - (needIEHack ? parseInt(domUtils.getComputedStyle(me.body, 'margin-left'), 10) * 2 : 0) - defaultValue.tableBorder * 2 - (me.options.offsetWidth || 0) + 'px'
- }
- })
- });
- me.addListener('blur', function () {
- tableCopyList = null;
- });
- var timer;
- me.addListener('keydown', function () {
- clearTimeout(timer);
- timer = setTimeout(function () {
- var rng = me.selection.getRange(),
- cell = domUtils.findParentByTagName(rng.startContainer, ['th', 'td'], true);
- if (cell) {
- var table = cell.parentNode.parentNode.parentNode;
- if (table.offsetWidth > table.getAttribute("width")) {
- cell.style.wordBreak = "break-all";
- }
- }
- }, 100);
- });
- me.addListener("selectionchange", function () {
- toggleDraggableState(me, false, "", null);
- });
- //内容变化时触发索引更新
- //todo 可否考虑标记检测,如果不涉及表格的变化就不进行索引重建和更新
- me.addListener("contentchange", function () {
- var me = this;
- //尽可能排除一些不需要更新的状况
- hideDragLine(me);
- if (getUETableBySelected(me))return;
- var rng = me.selection.getRange();
- var start = rng.startContainer;
- start = domUtils.findParentByTagName(start, ['td', 'th'], true);
- utils.each(domUtils.getElementsByTagName(me.document, 'table'), function (table) {
- if (me.fireEvent("excludetable", table) === true) return;
- table.ueTable = new UT(table);
- utils.each(domUtils.getElementsByTagName(me.document, 'td'), function (td) {
- if (domUtils.isEmptyBlock(td) && td !== start) {
- domUtils.fillNode(me.document, td);
- if (browser.ie && browser.version == 6) {
- td.innerHTML = ' '
- }
- }
- });
- utils.each(domUtils.getElementsByTagName(me.document, 'th'), function (th) {
- if (domUtils.isEmptyBlock(th) && th !== start) {
- domUtils.fillNode(me.document, th);
- if (browser.ie && browser.version == 6) {
- th.innerHTML = ' '
- }
- }
- });
- table.onmouseover = function () {
- me.fireEvent('tablemouseover', table);
- };
- table.onmousemove = function () {
- me.fireEvent('tablemousemove', table);
- me.options.tableDragable && toggleDragButton(true, this, me);
- };
- table.onmouseout = function () {
- me.fireEvent('tablemouseout', table);
- toggleDraggableState(me, false, "", null);
- hideDragLine(me);
- };
- table.onclick = function (evt) {
- evt = me.window.event || evt;
- var target = getParentTdOrTh(evt.target || evt.srcElement);
- if (!target)return;
- var ut = getUETable(target),
- table = ut.table,
- cellInfo = ut.getCellInfo(target),
- cellsRange,
- rng = me.selection.getRange();
- // if ("topLeft" == inPosition(table, mouseCoords(evt))) {
- // cellsRange = ut.getCellsRange(ut.table.rows[0].cells[0], ut.getLastCell());
- // ut.setSelected(cellsRange);
- // return;
- // }
- // if ("bottomRight" == inPosition(table, mouseCoords(evt))) {
- //
- // return;
- // }
- if (inTableSide(table, target, evt, true)) {
- var endTdCol = ut.getCell(ut.indexTable[ut.rowsNum - 1][cellInfo.colIndex].rowIndex, ut.indexTable[ut.rowsNum - 1][cellInfo.colIndex].cellIndex);
- if (evt.shiftKey && ut.selectedTds.length) {
- if (ut.selectedTds[0] !== endTdCol) {
- cellsRange = ut.getCellsRange(ut.selectedTds[0], endTdCol);
- ut.setSelected(cellsRange);
- } else {
- rng && rng.selectNodeContents(endTdCol).select();
- }
- } else {
- if (target !== endTdCol) {
- cellsRange = ut.getCellsRange(target, endTdCol);
- ut.setSelected(cellsRange);
- } else {
- rng && rng.selectNodeContents(endTdCol).select();
- }
- }
- return;
- }
- if (inTableSide(table, target, evt)) {
- var endTdRow = ut.getCell(ut.indexTable[cellInfo.rowIndex][ut.colsNum - 1].rowIndex, ut.indexTable[cellInfo.rowIndex][ut.colsNum - 1].cellIndex);
- if (evt.shiftKey && ut.selectedTds.length) {
- if (ut.selectedTds[0] !== endTdRow) {
- cellsRange = ut.getCellsRange(ut.selectedTds[0], endTdRow);
- ut.setSelected(cellsRange);
- } else {
- rng && rng.selectNodeContents(endTdRow).select();
- }
- } else {
- if (target !== endTdRow) {
- cellsRange = ut.getCellsRange(target, endTdRow);
- ut.setSelected(cellsRange);
- } else {
- rng && rng.selectNodeContents(endTdRow).select();
- }
- }
- }
- };
- });
- switchBorderColor(me, true);
- });
- domUtils.on(me.document, "mousemove", mouseMoveEvent);
- domUtils.on(me.document, "mouseout", function (evt) {
- var target = evt.target || evt.srcElement;
- if (target.tagName == "TABLE") {
- toggleDraggableState(me, false, "", null);
- }
- });
- /**
- * 表格隔行变色
- */
- me.addListener("interlacetable", function (type, table, classList) {
- if (!table) return;
- var me = this,
- rows = table.rows,
- len = rows.length,
- getClass = function (list, index, repeat) {
- return list[index] ? list[index] : repeat ? list[index % list.length] : "";
- };
- for (var i = 0; i < len; i++) {
- rows[i].className = getClass(classList || me.options.classList, i, true);
- }
- });
- me.addListener("uninterlacetable", function (type, table) {
- if (!table) return;
- var me = this,
- rows = table.rows,
- classList = me.options.classList,
- len = rows.length;
- for (var i = 0; i < len; i++) {
- domUtils.removeClasses(rows[i], classList);
- }
- });
- me.addListener("mousedown", mouseDownEvent);
- me.addListener("mouseup", mouseUpEvent);
- //拖动的时候不出发mouseup
- domUtils.on(me.body, 'dragstart', function (evt) {
- mouseUpEvent.call(me, 'dragstart', evt);
- });
- var currentRowIndex = 0;
- me.addListener("mousedown", function () {
- currentRowIndex = 0;
- });
- me.addListener('tabkeydown', function () {
- var range = this.selection.getRange(),
- common = range.getCommonAncestor(true, true),
- table = domUtils.findParentByTagName(common, 'table');
- if (table) {
- if (domUtils.findParentByTagName(common, 'caption', true)) {
- var cell = domUtils.getElementsByTagName(table, 'th td');
- if (cell && cell.length) {
- range.setStart(cell[0], 0).setCursor(false, true)
- }
- } else {
- var cell = domUtils.findParentByTagName(common, ['td', 'th'], true),
- ua = getUETable(cell);
- currentRowIndex = cell.rowSpan > 1 ? currentRowIndex : ua.getCellInfo(cell).rowIndex;
- var nextCell = ua.getTabNextCell(cell, currentRowIndex);
- if (nextCell) {
- if (isEmptyBlock(nextCell)) {
- range.setStart(nextCell, 0).setCursor(false, true)
- } else {
- range.selectNodeContents(nextCell).select()
- }
- } else {
- me.fireEvent('saveScene');
- me.__hasEnterExecCommand = true;
- this.execCommand('insertrownext');
- me.__hasEnterExecCommand = false;
- range = this.selection.getRange();
- range.setStart(table.rows[table.rows.length - 1].cells[0], 0).setCursor();
- me.fireEvent('saveScene');
- }
- }
- return true;
- }
- });
- browser.ie && me.addListener('selectionchange', function () {
- toggleDraggableState(this, false, "", null);
- });
- me.addListener("keydown", function (type, evt) {
- var me = this;
- //处理在表格的最后一个输入tab产生新的表格
- var keyCode = evt.keyCode || evt.which;
- if (keyCode == 8 || keyCode == 46) {
- return;
- }
- var notCtrlKey = !evt.ctrlKey && !evt.metaKey && !evt.shiftKey && !evt.altKey;
- notCtrlKey && removeSelectedClass(domUtils.getElementsByTagName(me.body, "td"));
- var ut = getUETableBySelected(me);
- if (!ut) return;
- notCtrlKey && ut.clearSelected();
- });
- me.addListener("beforegetcontent", function () {
- switchBorderColor(this, false);
- browser.ie && utils.each(this.document.getElementsByTagName('caption'), function (ci) {
- if (domUtils.isEmptyNode(ci)) {
- ci.innerHTML = ' '
- }
- });
- });
- me.addListener("aftergetcontent", function () {
- switchBorderColor(this, true);
- });
- me.addListener("getAllHtml", function () {
- removeSelectedClass(me.document.getElementsByTagName("td"));
- });
- //修正全屏状态下插入的表格宽度在非全屏状态下撑开编辑器的情况
- me.addListener("fullscreenchanged", function (type, fullscreen) {
- if (!fullscreen) {
- var ratio = this.body.offsetWidth / document.body.offsetWidth,
- tables = domUtils.getElementsByTagName(this.body, "table");
- utils.each(tables, function (table) {
- if (table.offsetWidth < me.body.offsetWidth) return false;
- var tds = domUtils.getElementsByTagName(table, "td"),
- backWidths = [];
- utils.each(tds, function (td) {
- backWidths.push(td.offsetWidth);
- });
- for (var i = 0, td; td = tds[i]; i++) {
- td.setAttribute("width", Math.floor(backWidths[i] * ratio));
- }
- table.setAttribute("width", Math.floor(getTableWidth(me, needIEHack, getDefaultValue(me))))
- });
- }
- });
- //重写execCommand命令,用于处理框选时的处理
- var oldExecCommand = me.execCommand;
- me.execCommand = function (cmd, datatat) {
- var me = this,
- args = arguments;
- cmd = cmd.toLowerCase();
- var ut = getUETableBySelected(me), tds,
- range = new dom.Range(me.document),
- cmdFun = me.commands[cmd] || UE.commands[cmd],
- result;
- if (!cmdFun) return;
- if (ut && !commands[cmd] && !cmdFun.notNeedUndo && !me.__hasEnterExecCommand) {
- me.__hasEnterExecCommand = true;
- me.fireEvent("beforeexeccommand", cmd);
- tds = ut.selectedTds;
- var lastState = -2, lastValue = -2, value, state;
- for (var i = 0, td; td = tds[i]; i++) {
- if (isEmptyBlock(td)) {
- range.setStart(td, 0).setCursor(false, true)
- } else {
- range.selectNode(td).select(true);
- }
- state = me.queryCommandState(cmd);
- value = me.queryCommandValue(cmd);
- if (state != -1) {
- if (lastState !== state || lastValue !== value) {
- me._ignoreContentChange = true;
- result = oldExecCommand.apply(me, arguments);
- me._ignoreContentChange = false;
- }
- lastState = me.queryCommandState(cmd);
- lastValue = me.queryCommandValue(cmd);
- if (domUtils.isEmptyBlock(td)) {
- domUtils.fillNode(me.document, td)
- }
- }
- }
- range.setStart(tds[0], 0).shrinkBoundary(true).setCursor(false, true);
- me.fireEvent('contentchange');
- me.fireEvent("afterexeccommand", cmd);
- me.__hasEnterExecCommand = false;
- me._selectionChange();
- } else {
- result = oldExecCommand.apply(me, arguments);
- }
- return result;
- };
- });
- /**
- * 删除obj的宽高style,改成属性宽高
- * @param obj
- * @param replaceToProperty
- */
- function removeStyleSize(obj, replaceToProperty) {
- removeStyle(obj, "width", true);
- removeStyle(obj, "height", true);
- }
- function removeStyle(obj, styleName, replaceToProperty) {
- if (obj.style[styleName]) {
- replaceToProperty && obj.setAttribute(styleName, parseInt(obj.style[styleName], 10));
- obj.style[styleName] = "";
- }
- }
- function getParentTdOrTh(ele) {
- if (ele.tagName == "TD" || ele.tagName == "TH") return ele;
- var td;
- if (td = domUtils.findParentByTagName(ele, "td", true) || domUtils.findParentByTagName(ele, "th", true)) return td;
- return null;
- }
- function isEmptyBlock(node) {
- var reg = new RegExp(domUtils.fillChar, 'g');
- if (node[browser.ie ? 'innerText' : 'textContent'].replace(/^\s*$/, '').replace(reg, '').length > 0) {
- return 0;
- }
- for (var n in dtd.$isNotEmpty) {
- if (node.getElementsByTagName(n).length) {
- return 0;
- }
- }
- return 1;
- }
- function mouseCoords(evt) {
- if (evt.pageX || evt.pageY) {
- return { x: evt.pageX, y: evt.pageY };
- }
- return {
- x: evt.clientX + me.document.body.scrollLeft - me.document.body.clientLeft,
- y: evt.clientY + me.document.body.scrollTop - me.document.body.clientTop
- };
- }
- function mouseMoveEvent(evt) {
- if (isEditorDisabled()) {
- return;
- }
- try {
- //普通状态下鼠标移动
- var target = getParentTdOrTh(evt.target || evt.srcElement),
- pos;
- //区分用户的行为是拖动还是双击
- if (isInResizeBuffer) {
- me.body.style.webkitUserSelect = 'none';
- if (Math.abs(userActionStatus.x - evt.clientX) > offsetOfTableCell || Math.abs(userActionStatus.y - evt.clientY) > offsetOfTableCell) {
- clearTableDragTimer();
- isInResizeBuffer = false;
- singleClickState = 0;
- //drag action
- tableBorderDrag(evt);
- }
- }
- //修改单元格大小时的鼠标移动
- if (onDrag && dragTd) {
- singleClickState = 0;
- me.body.style.webkitUserSelect = 'none';
- me.selection.getNative()[browser.ie ? 'empty' : 'removeAllRanges']();
- pos = mouseCoords(evt);
- toggleDraggableState(me, true, onDrag, pos, target);
- if (onDrag == "h") {
- dragLine.style.left = getPermissionX(dragTd, evt) + "px";
- } else if (onDrag == "v") {
- dragLine.style.top = getPermissionY(dragTd, evt) + "px";
- }
- return;
- }
- //当鼠标处于table上时,修改移动过程中的光标状态
- if (target) {
- //针对使用table作为容器的组件不触发拖拽效果
- if (me.fireEvent('excludetable', target) === true)
- return;
- pos = mouseCoords(evt);
- var state = getRelation(target, pos),
- table = domUtils.findParentByTagName(target, "table", true);
- if (inTableSide(table, target, evt, true)) {
- if (me.fireEvent("excludetable", table) === true) return;
- me.body.style.cursor = "url(" + me.options.cursorpath + "h.png),pointer";
- } else if (inTableSide(table, target, evt)) {
- if (me.fireEvent("excludetable", table) === true) return;
- me.body.style.cursor = "url(" + me.options.cursorpath + "v.png),pointer";
- } else {
- me.body.style.cursor = "text";
- var curCell = target;
- if (/\d/.test(state)) {
- state = state.replace(/\d/, '');
- target = getUETable(target).getPreviewCell(target, state == "v");
- }
- //位于第一行的顶部或者第一列的左边时不可拖动
- toggleDraggableState(me, target ? !!state : false, target ? state : '', pos, target);
- }
- } else {
- toggleDragButton(false, table, me);
- }
- } catch (e) {
- showError(e);
- }
- }
- var dragButtonTimer;
- function toggleDragButton(show, table, editor) {
- if (!show) {
- if (dragOver)return;
- dragButtonTimer = setTimeout(function () {
- !dragOver && dragButton && dragButton.parentNode && dragButton.parentNode.removeChild(dragButton);
- }, 2000);
- } else {
- createDragButton(table, editor);
- }
- }
- function createDragButton(table, editor) {
- var pos = domUtils.getXY(table),
- doc = table.ownerDocument;
- if (dragButton && dragButton.parentNode)return dragButton;
- dragButton = doc.createElement("div");
- dragButton.contentEditable = false;
- dragButton.innerHTML = "";
- dragButton.style.cssText = "width:15px;height:15px;background-image:url(" + editor.options.UEDITOR_HOME_URL + "dialogs/table/dragicon.png);position: absolute;cursor:move;top:" + (pos.y - 15) + "px;left:" + (pos.x) + "px;";
- domUtils.unSelectable(dragButton);
- dragButton.onmouseover = function (evt) {
- dragOver = true;
- };
- dragButton.onmouseout = function (evt) {
- dragOver = false;
- };
- domUtils.on(dragButton, 'click', function (type, evt) {
- doClick(evt, this);
- });
- domUtils.on(dragButton, 'dblclick', function (type, evt) {
- doDblClick(evt);
- });
- domUtils.on(dragButton, 'dragstart', function (type, evt) {
- domUtils.preventDefault(evt);
- });
- var timer;
- function doClick(evt, button) {
- // 部分浏览器下需要清理
- clearTimeout(timer);
- timer = setTimeout(function () {
- editor.fireEvent("tableClicked", table, button);
- }, 300);
- }
- function doDblClick(evt) {
- clearTimeout(timer);
- var ut = getUETable(table),
- start = table.rows[0].cells[0],
- end = ut.getLastCell(),
- range = ut.getCellsRange(start, end);
- editor.selection.getRange().setStart(start, 0).setCursor(false, true);
- ut.setSelected(range);
- }
- doc.body.appendChild(dragButton);
- }
- // function inPosition(table, pos) {
- // var tablePos = domUtils.getXY(table),
- // width = table.offsetWidth,
- // height = table.offsetHeight;
- // if (pos.x - tablePos.x < 5 && pos.y - tablePos.y < 5) {
- // return "topLeft";
- // } else if (tablePos.x + width - pos.x < 5 && tablePos.y + height - pos.y < 5) {
- // return "bottomRight";
- // }
- // }
- function inTableSide(table, cell, evt, top) {
- var pos = mouseCoords(evt),
- state = getRelation(cell, pos);
- if (top) {
- var caption = table.getElementsByTagName("caption")[0],
- capHeight = caption ? caption.offsetHeight : 0;
- return (state == "v1") && ((pos.y - domUtils.getXY(table).y - capHeight) < 8);
- } else {
- return (state == "h1") && ((pos.x - domUtils.getXY(table).x) < 8);
- }
- }
- /**
- * 获取拖动时允许的X轴坐标
- * @param dragTd
- * @param evt
- */
- function getPermissionX(dragTd, evt) {
- var ut = getUETable(dragTd);
- if (ut) {
- var preTd = ut.getSameEndPosCells(dragTd, "x")[0],
- nextTd = ut.getSameStartPosXCells(dragTd)[0],
- mouseX = mouseCoords(evt).x,
- left = (preTd ? domUtils.getXY(preTd).x : domUtils.getXY(ut.table).x) + 20 ,
- right = nextTd ? domUtils.getXY(nextTd).x + nextTd.offsetWidth - 20 : (me.body.offsetWidth + 5 || parseInt(domUtils.getComputedStyle(me.body, "width"), 10));
- left += cellMinWidth;
- right -= cellMinWidth;
- return mouseX < left ? left : mouseX > right ? right : mouseX;
- }
- }
- /**
- * 获取拖动时允许的Y轴坐标
- */
- function getPermissionY(dragTd, evt) {
- try {
- var top = domUtils.getXY(dragTd).y,
- mousePosY = mouseCoords(evt).y;
- return mousePosY < top ? top : mousePosY;
- } catch (e) {
- showError(e);
- }
- }
- /**
- * 移动状态切换
- */
- function toggleDraggableState(editor, draggable, dir, mousePos, cell) {
- try {
- editor.body.style.cursor = dir == "h" ? "col-resize" : dir == "v" ? "row-resize" : "text";
- if (browser.ie) {
- if (dir && !mousedown && !getUETableBySelected(editor)) {
- getDragLine(editor, editor.document);
- showDragLineAt(dir, cell);
- } else {
- hideDragLine(editor)
- }
- }
- onBorder = draggable;
- } catch (e) {
- showError(e);
- }
- }
- /**
- * 获取与UETable相关的resize line
- * @param uetable UETable对象
- */
- function getResizeLineByUETable() {
- var lineId = '_UETableResizeLine',
- line = this.document.getElementById(lineId);
- if (!line) {
- line = this.document.createElement("div");
- line.id = lineId;
- line.contnetEditable = false;
- line.setAttribute("unselectable", "on");
- var styles = {
- width: 2 * cellBorderWidth + 1 + 'px',
- position: 'absolute',
- 'z-index': 100000,
- cursor: 'col-resize',
- background: 'red',
- display: 'none'
- };
- //切换状态
- line.onmouseout = function () {
- this.style.display = 'none';
- };
- utils.extend(line.style, styles);
- this.document.body.appendChild(line);
- }
- return line;
- }
- /**
- * 更新resize-line
- */
- function updateResizeLine(cell, uetable) {
- var line = getResizeLineByUETable.call(this),
- table = uetable.table,
- styles = {
- top: domUtils.getXY(table).y + 'px',
- left: domUtils.getXY(cell).x + cell.offsetWidth - cellBorderWidth + 'px',
- display: 'block',
- height: table.offsetHeight + 'px'
- };
- utils.extend(line.style, styles);
- }
- /**
- * 显示resize-line
- */
- function showResizeLine(cell) {
- var uetable = getUETable(cell);
- updateResizeLine.call(this, cell, uetable);
- }
- /**
- * 获取鼠标与当前单元格的相对位置
- * @param ele
- * @param mousePos
- */
- function getRelation(ele, mousePos) {
- var elePos = domUtils.getXY(ele);
- if (!elePos) {
- return '';
- }
- if (elePos.x + ele.offsetWidth - mousePos.x < cellBorderWidth) {
- return "h";
- }
- if (mousePos.x - elePos.x < cellBorderWidth) {
- return 'h1'
- }
- if (elePos.y + ele.offsetHeight - mousePos.y < cellBorderWidth) {
- return "v";
- }
- if (mousePos.y - elePos.y < cellBorderWidth) {
- return 'v1'
- }
- return '';
- }
- function mouseDownEvent(type, evt) {
- if (isEditorDisabled()) {
- return;
- }
- userActionStatus = {
- x: evt.clientX,
- y: evt.clientY
- };
- //右键菜单单独处理
- if (evt.button == 2) {
- var ut = getUETableBySelected(me),
- flag = false;
- if (ut) {
- var td = getTargetTd(me, evt);
- utils.each(ut.selectedTds, function (ti) {
- if (ti === td) {
- flag = true;
- }
- });
- if (!flag) {
- removeSelectedClass(domUtils.getElementsByTagName(me.body, "th td"));
- ut.clearSelected()
- } else {
- td = ut.selectedTds[0];
- setTimeout(function () {
- me.selection.getRange().setStart(td, 0).setCursor(false, true);
- }, 0);
- }
- }
- } else {
- tableClickHander(evt);
- }
- }
- //清除表格的计时器
- function clearTableTimer() {
- tabTimer && clearTimeout(tabTimer);
- tabTimer = null;
- }
- //双击收缩
- function tableDbclickHandler(evt) {
- singleClickState = 0;
- evt = evt || me.window.event;
- var target = getParentTdOrTh(evt.target || evt.srcElement);
- if (target) {
- var h;
- if (h = getRelation(target, mouseCoords(evt))) {
- hideDragLine(me);
- if (h == 'h1') {
- h = 'h';
- if (inTableSide(domUtils.findParentByTagName(target, "table"), target, evt)) {
- me.execCommand('adaptbywindow');
- } else {
- target = getUETable(target).getPreviewCell(target);
- if (target) {
- var rng = me.selection.getRange();
- rng.selectNodeContents(target).setCursor(true, true)
- }
- }
- }
- if (h == 'h') {
- var ut = getUETable(target),
- table = ut.table,
- cells = getCellsByMoveBorder(target, table, true);
- cells = extractArray(cells, 'left');
- ut.width = ut.offsetWidth;
- var oldWidth = [],
- newWidth = [];
- utils.each(cells, function (cell) {
- oldWidth.push(cell.offsetWidth);
- });
- utils.each(cells, function (cell) {
- cell.removeAttribute("width");
- });
- window.setTimeout(function () {
- //是否允许改变
- var changeable = true;
- utils.each(cells, function (cell, index) {
- var width = cell.offsetWidth;
- if (width > oldWidth[index]) {
- changeable = false;
- return false;
- }
- newWidth.push(width);
- });
- var change = changeable ? newWidth : oldWidth;
- utils.each(cells, function (cell, index) {
- cell.width = change[index] - getTabcellSpace();
- });
- }, 0);
- // minWidth -= cellMinWidth;
- //
- // table.removeAttribute("width");
- // utils.each(cells, function (cell) {
- // cell.style.width = "";
- // cell.width -= minWidth;
- // });
- }
- }
- }
- }
- function tableClickHander(evt) {
- removeSelectedClass(domUtils.getElementsByTagName(me.body, "td th"));
- //trace:3113
- //选中单元格,点击table外部,不会清掉table上挂的ueTable,会引起getUETableBySelected方法返回值
- utils.each(me.document.getElementsByTagName('table'), function (t) {
- t.ueTable = null;
- });
- startTd = getTargetTd(me, evt);
- if (!startTd) return;
- var table = domUtils.findParentByTagName(startTd, "table", true);
- ut = getUETable(table);
- ut && ut.clearSelected();
- //判断当前鼠标状态
- if (!onBorder) {
- me.document.body.style.webkitUserSelect = '';
- mousedown = true;
- me.addListener('mouseover', mouseOverEvent);
- } else {
- //边框上的动作处理
- borderActionHandler(evt);
- }
- }
- //处理表格边框上的动作, 这里做延时处理,避免两种动作互相影响
- function borderActionHandler(evt) {
- if (browser.ie) {
- evt = reconstruct(evt);
- }
- clearTableDragTimer();
- //是否正在等待resize的缓冲中
- isInResizeBuffer = true;
- tableDragTimer = setTimeout(function () {
- tableBorderDrag(evt);
- }, dblclickTime);
- }
- function extractArray(originArr, key) {
- var result = [],
- tmp = null;
- for (var i = 0, len = originArr.length; i < len; i++) {
- tmp = originArr[ i ][ key ];
- if (tmp) {
- result.push(tmp);
- }
- }
- return result;
- }
- function clearTableDragTimer() {
- tableDragTimer && clearTimeout(tableDragTimer);
- tableDragTimer = null;
- }
- function reconstruct(obj) {
- var attrs = ['pageX', 'pageY', 'clientX', 'clientY', 'srcElement', 'target'],
- newObj = {};
- if (obj) {
- for (var i = 0, key, val; key = attrs[i]; i++) {
- val = obj[ key ];
- val && (newObj[ key ] = val);
- }
- }
- return newObj;
- }
- //边框拖动
- function tableBorderDrag(evt) {
- isInResizeBuffer = false;
- if (!startTd) return;
- var state = Math.abs(userActionStatus.x - evt.clientX) >= Math.abs(userActionStatus.y - evt.clientY) ? 'h' : 'v';
- // var state = getRelation(startTd, mouseCoords(evt));
- if (/\d/.test(state)) {
- state = state.replace(/\d/, '');
- startTd = getUETable(startTd).getPreviewCell(startTd, state == 'v');
- }
- hideDragLine(me);
- getDragLine(me, me.document);
- me.fireEvent('saveScene');
- showDragLineAt(state, startTd);
- mousedown = true;
- //拖动开始
- onDrag = state;
- dragTd = startTd;
- }
- function mouseUpEvent(type, evt) {
- if (isEditorDisabled()) {
- return;
- }
- clearTableDragTimer();
- isInResizeBuffer = false;
- if (onBorder) {
- singleClickState = ++singleClickState % 3;
- userActionStatus = {
- x: evt.clientX,
- y: evt.clientY
- };
- tableResizeTimer = setTimeout(function () {
- singleClickState > 0 && singleClickState--;
- }, dblclickTime);
- if (singleClickState === 2) {
- singleClickState = 0;
- tableDbclickHandler(evt);
- return;
- }
- }
- if (evt.button == 2)return;
- var me = this;
- //清除表格上原生跨选问题
- var range = me.selection.getRange(),
- start = domUtils.findParentByTagName(range.startContainer, 'table', true),
- end = domUtils.findParentByTagName(range.endContainer, 'table', true);
- if (start || end) {
- if (start === end) {
- start = domUtils.findParentByTagName(range.startContainer, ['td', 'th', 'caption'], true);
- end = domUtils.findParentByTagName(range.endContainer, ['td', 'th', 'caption'], true);
- if (start !== end) {
- me.selection.clearRange()
- }
- } else {
- me.selection.clearRange()
- }
- }
- mousedown = false;
- me.document.body.style.webkitUserSelect = '';
- //拖拽状态下的mouseUP
- if (onDrag && dragTd) {
- me.selection.getNative()[browser.ie ? 'empty' : 'removeAllRanges']();
- singleClickState = 0;
- dragLine = me.document.getElementById('ue_tableDragLine');
- var dragTdPos = domUtils.getXY(dragTd),
- dragLinePos = domUtils.getXY(dragLine);
- switch (onDrag) {
- case "h":
- changeColWidth(dragTd, dragLinePos.x - dragTdPos.x);
- break;
- case "v":
- changeRowHeight(dragTd, dragLinePos.y - dragTdPos.y - dragTd.offsetHeight);
- break;
- default:
- }
- onDrag = "";
- dragTd = null;
- hideDragLine(me);
- me.fireEvent('saveScene');
- return;
- }
- //正常状态下的mouseup
- if (!startTd) {
- var target = domUtils.findParentByTagName(evt.target || evt.srcElement, "td", true);
- if (!target) target = domUtils.findParentByTagName(evt.target || evt.srcElement, "th", true);
- if (target && (target.tagName == "TD" || target.tagName == "TH")) {
- if (me.fireEvent("excludetable", target) === true) return;
- range = new dom.Range(me.document);
- range.setStart(target, 0).setCursor(false, true);
- }
- } else {
- var ut = getUETable(startTd),
- cell = ut ? ut.selectedTds[0] : null;
- if (cell) {
- range = new dom.Range(me.document);
- if (domUtils.isEmptyBlock(cell)) {
- range.setStart(cell, 0).setCursor(false, true);
- } else {
- range.selectNodeContents(cell).shrinkBoundary().setCursor(false, true);
- }
- } else {
- range = me.selection.getRange().shrinkBoundary();
- if (!range.collapsed) {
- var start = domUtils.findParentByTagName(range.startContainer, ['td', 'th'], true),
- end = domUtils.findParentByTagName(range.endContainer, ['td', 'th'], true);
- //在table里边的不能清除
- if (start && !end || !start && end || start && end && start !== end) {
- range.setCursor(false, true);
- }
- }
- }
- startTd = null;
- me.removeListener('mouseover', mouseOverEvent);
- }
- me._selectionChange(250, evt);
- }
- function mouseOverEvent(type, evt) {
- if (isEditorDisabled()) {
- return;
- }
- var me = this,
- tar = evt.target || evt.srcElement;
- currentTd = domUtils.findParentByTagName(tar, "td", true) || domUtils.findParentByTagName(tar, "th", true);
- //需要判断两个TD是否位于同一个表格内
- if (startTd && currentTd &&
- ((startTd.tagName == "TD" && currentTd.tagName == "TD") || (startTd.tagName == "TH" && currentTd.tagName == "TH")) &&
- domUtils.findParentByTagName(startTd, 'table') == domUtils.findParentByTagName(currentTd, 'table')) {
- var ut = getUETable(currentTd);
- if (startTd != currentTd) {
- me.document.body.style.webkitUserSelect = 'none';
- me.selection.getNative()[browser.ie ? 'empty' : 'removeAllRanges']();
- var range = ut.getCellsRange(startTd, currentTd);
- ut.setSelected(range);
- } else {
- me.document.body.style.webkitUserSelect = '';
- ut.clearSelected();
- }
- }
- evt.preventDefault ? evt.preventDefault() : (evt.returnValue = false);
- }
- function setCellHeight(cell, height, backHeight) {
- var lineHight = parseInt(domUtils.getComputedStyle(cell, "line-height"), 10),
- tmpHeight = backHeight + height;
- height = tmpHeight < lineHight ? lineHight : tmpHeight;
- if (cell.style.height) cell.style.height = "";
- cell.rowSpan == 1 ? cell.setAttribute("height", height) : (cell.removeAttribute && cell.removeAttribute("height"));
- }
- function getWidth(cell) {
- if (!cell)return 0;
- return parseInt(domUtils.getComputedStyle(cell, "width"), 10);
- }
- function changeColWidth(cell, changeValue) {
- var ut = getUETable(cell);
- if (ut) {
- //根据当前移动的边框获取相关的单元格
- var table = ut.table,
- cells = getCellsByMoveBorder(cell, table);
- table.style.width = "";
- table.removeAttribute("width");
- //修正改变量
- changeValue = correctChangeValue(changeValue, cell, cells);
- if (cell.nextSibling) {
- var i = 0;
- utils.each(cells, function (cellGroup) {
- cellGroup.left.width = (+cellGroup.left.width) + changeValue;
- cellGroup.right && ( cellGroup.right.width = (+cellGroup.right.width) - changeValue );
- });
- } else {
- utils.each(cells, function (cellGroup) {
- cellGroup.left.width -= -changeValue;
- });
- }
- }
- }
- function isEditorDisabled() {
- return me.body.contentEditable === "false";
- }
- function changeRowHeight(td, changeValue) {
- if (Math.abs(changeValue) < 10) return;
- var ut = getUETable(td);
- if (ut) {
- var cells = ut.getSameEndPosCells(td, "y"),
- //备份需要连带变化的td的原始高度,否则后期无法获取正确的值
- backHeight = cells[0] ? cells[0].offsetHeight : 0;
- for (var i = 0, cell; cell = cells[i++];) {
- setCellHeight(cell, changeValue, backHeight);
- }
- }
- }
- /**
- * 获取调整单元格大小的相关单元格
- * @isContainMergeCell 返回的结果中是否包含发生合并后的单元格
- */
- function getCellsByMoveBorder(cell, table, isContainMergeCell) {
- if (!table) {
- table = domUtils.findParentByTagName(cell, 'table');
- }
- if (!table) {
- return null;
- }
- //获取到该单元格所在行的序列号
- var index = domUtils.getNodeIndex(cell),
- temp = cell,
- rows = table.rows,
- colIndex = 0;
- while (temp) {
- //获取到当前单元格在未发生单元格合并时的序列
- if (temp.nodeType === 1) {
- colIndex += (temp.colSpan || 1);
- }
- temp = temp.previousSibling;
- }
- temp = null;
- //记录想关的单元格
- var borderCells = [];
- utils.each(rows, function (tabRow) {
- var cells = tabRow.cells,
- currIndex = 0;
- utils.each(cells, function (tabCell) {
- currIndex += (tabCell.colSpan || 1);
- if (currIndex === colIndex) {
- borderCells.push({
- left: tabCell,
- right: tabCell.nextSibling || null
- });
- return false;
- } else if (currIndex > colIndex) {
- if (isContainMergeCell) {
- borderCells.push({
- left: tabCell
- });
- }
- return false;
- }
- });
- });
- return borderCells;
- }
- /**
- * 通过给定的单元格集合获取最小的单元格width
- */
- function getMinWidthByTableCells(cells) {
- var minWidth = Number.MAX_VALUE;
- for (var i = 0, curCell; curCell = cells[ i ]; i++) {
- minWidth = Math.min(minWidth, curCell.width || getTableCellWidth(curCell));
- }
- return minWidth;
- }
- function correctChangeValue(changeValue, relatedCell, cells) {
- //为单元格的paading预留空间
- changeValue -= getTabcellSpace();
- if (changeValue < 0) {
- return 0;
- }
- changeValue -= getTableCellWidth(relatedCell);
- //确定方向
- var direction = changeValue < 0 ? 'left' : 'right';
- changeValue = Math.abs(changeValue);
- //只关心非最后一个单元格就可以
- utils.each(cells, function (cellGroup) {
- var curCell = cellGroup[direction];
- //为单元格保留最小空间
- if (curCell) {
- changeValue = Math.min(changeValue, getTableCellWidth(curCell) - cellMinWidth);
- }
- });
- //修正越界
- changeValue = changeValue < 0 ? 0 : changeValue;
- return direction === 'left' ? -changeValue : changeValue;
- }
- function getTableCellWidth(cell) {
- var width = 0,
- //偏移纠正量
- offset = 0,
- width = cell.offsetWidth - getTabcellSpace();
- //最后一个节点纠正一下
- if (!cell.nextSibling) {
- width -= getTableCellOffset(cell);
- }
- width = width < 0 ? 0 : width;
- try {
- cell.width = width;
- } catch (e) {
- }
- return width;
- }
- /**
- * 获取单元格所在表格的最末单元格的偏移量
- */
- function getTableCellOffset(cell) {
- tab = domUtils.findParentByTagName(cell, "table", false);
- if (tab.offsetVal === undefined) {
- var prev = cell.previousSibling;
- if (prev) {
- //最后一个单元格和前一个单元格的width diff结果 如果恰好为一个border width, 则条件成立
- tab.offsetVal = cell.offsetWidth - prev.offsetWidth === UT.borderWidth ? UT.borderWidth : 0;
- } else {
- tab.offsetVal = 0;
- }
- }
- return tab.offsetVal;
- }
- function getTabcellSpace() {
- if (UT.tabcellSpace === undefined) {
- var cell = null,
- tab = me.document.createElement("table"),
- tbody = me.document.createElement("tbody"),
- trow = me.document.createElement("tr"),
- tabcell = me.document.createElement("td"),
- mirror = null;
- tabcell.style.cssText = 'border: 0;';
- tabcell.width = 1;
- trow.appendChild(tabcell);
- trow.appendChild(mirror = tabcell.cloneNode(false));
- tbody.appendChild(trow);
- tab.appendChild(tbody);
- tab.style.cssText = "visibility: hidden;";
- me.body.appendChild(tab);
- UT.paddingSpace = tabcell.offsetWidth - 1;
- var tmpTabWidth = tab.offsetWidth;
- tabcell.style.cssText = '';
- mirror.style.cssText = '';
- UT.borderWidth = ( tab.offsetWidth - tmpTabWidth ) / 3;
- UT.tabcellSpace = UT.paddingSpace + UT.borderWidth;
- me.body.removeChild(tab);
- }
- getTabcellSpace = function () {
- return UT.tabcellSpace;
- };
- return UT.tabcellSpace;
- }
- function getDragLine(editor, doc) {
- if (mousedown)return;
- dragLine = editor.document.createElement("div");
- domUtils.setAttributes(dragLine, {
- id: "ue_tableDragLine",
- unselectable: 'on',
- contenteditable: false,
- 'onresizestart': 'return false',
- 'ondragstart': 'return false',
- 'onselectstart': 'return false',
- style: "background-color:blue;position:absolute;padding:0;margin:0;background-image:none;border:0px none;opacity:0;filter:alpha(opacity=0)"
- });
- editor.body.appendChild(dragLine);
- }
- function hideDragLine(editor) {
- if (mousedown)return;
- var line;
- while (line = editor.document.getElementById('ue_tableDragLine')) {
- domUtils.remove(line)
- }
- }
- /**
- * 依据state(v|h)在cell位置显示横线
- * @param state
- * @param cell
- */
- function showDragLineAt(state, cell) {
- if (!cell) return;
- var table = domUtils.findParentByTagName(cell, "table"),
- caption = table.getElementsByTagName('caption'),
- width = table.offsetWidth,
- height = table.offsetHeight - (caption.length > 0 ? caption[0].offsetHeight : 0),
- tablePos = domUtils.getXY(table),
- cellPos = domUtils.getXY(cell), css;
- switch (state) {
- case "h":
- css = 'height:' + height + 'px;top:' + (tablePos.y + (caption.length > 0 ? caption[0].offsetHeight : 0)) + 'px;left:' + (cellPos.x + cell.offsetWidth);
- dragLine.style.cssText = css + 'px;position: absolute;display:block;background-color:blue;width:1px;border:0; color:blue;opacity:.3;filter:alpha(opacity=30)';
- break;
- case "v":
- css = 'width:' + width + 'px;left:' + tablePos.x + 'px;top:' + (cellPos.y + cell.offsetHeight );
- //必须加上border:0和color:blue,否则低版ie不支持背景色显示
- dragLine.style.cssText = css + 'px;overflow:hidden;position: absolute;display:block;background-color:blue;height:1px;border:0;color:blue;opacity:.2;filter:alpha(opacity=20)';
- break;
- default:
- }
- }
- /**
- * 当表格边框颜色为白色时设置为虚线,true为添加虚线
- * @param editor
- * @param flag
- */
- function switchBorderColor(editor, flag) {
- var tableArr = domUtils.getElementsByTagName(editor.body, "table"), color;
- for (var i = 0, node; node = tableArr[i++];) {
- var td = domUtils.getElementsByTagName(node, "td");
- if (td[0]) {
- if (flag) {
- color = (td[0].style.borderColor).replace(/\s/g, "");
- if (/(#ffffff)|(rgb\(255,f55,255\))/ig.test(color))
- domUtils.addClass(node, "noBorderTable")
- } else {
- domUtils.removeClasses(node, "noBorderTable")
- }
- }
- }
- }
- function getTableWidth(editor, needIEHack, defaultValue) {
- var body = editor.body;
- return body.offsetWidth - (needIEHack ? parseInt(domUtils.getComputedStyle(body, 'margin-left'), 10) * 2 : 0) - defaultValue.tableBorder * 2 - (editor.options.offsetWidth || 0);
- }
- /**
- * 获取当前拖动的单元格
- */
- function getTargetTd(editor, evt) {
- var target = domUtils.findParentByTagName(evt.target || evt.srcElement, ["td", "th"], true),
- dir = null;
- if (!target) {
- return null;
- }
- dir = getRelation(target, mouseCoords(evt));
- //如果有前一个节点, 需要做一个修正, 否则可能会得到一个错误的td
- if (!target) {
- return null;
- }
- if (dir === 'h1' && target.previousSibling) {
- var position = domUtils.getXY(target),
- cellWidth = target.offsetWidth;
- if (Math.abs(position.x + cellWidth - evt.clientX) > cellWidth / 3) {
- target = target.previousSibling;
- }
- } else if (dir === 'v1' && target.parentNode.previousSibling) {
- var position = domUtils.getXY(target),
- cellHeight = target.offsetHeight;
- if (Math.abs(position.y + cellHeight - evt.clientY) > cellHeight / 3) {
- target = target.parentNode.previousSibling.firstChild;
- }
- }
- //排除了非td内部以及用于代码高亮部分的td
- return target && !(editor.fireEvent("excludetable", target) === true) ? target : null;
- }
- };
- ///import core
- ///commands 右键菜单
- ///commandsName ContextMenu
- ///commandsTitle 右键菜单
- /**
- * 右键菜单
- * @function
- * @name baidu.editor.plugins.contextmenu
- * @author zhanyi
- */
- UE.plugins['contextmenu'] = function () {
- var me = this,
- lang = me.getLang("contextMenu"),
- menu,
- items = me.options.contextMenu || [
- {label: lang['selectall'], cmdName: 'selectall'},
- {
- label: lang.deletecode,
- cmdName: 'highlightcode',
- icon: 'deletehighlightcode'
- },
- {
- label: lang.cleardoc,
- cmdName: 'cleardoc',
- exec: function () {
- if (confirm(lang.confirmclear)) {
- this.execCommand('cleardoc');
- }
- }
- },
- '-',
- {
- label: lang.unlink,
- cmdName: 'unlink'
- },
- '-',
- {
- group: lang.paragraph,
- icon: 'justifyjustify',
- subMenu: [
- {
- label: lang.justifyleft,
- cmdName: 'justify',
- value: 'left'
- },
- {
- label: lang.justifyright,
- cmdName: 'justify',
- value: 'right'
- },
- {
- label: lang.justifycenter,
- cmdName: 'justify',
- value: 'center'
- },
- {
- label: lang.justifyjustify,
- cmdName: 'justify',
- value: 'justify'
- }
- ]
- },
- '-',
- {
- group: lang.table,
- icon: 'table',
- subMenu: [
- {
- label: lang.inserttable,
- cmdName: 'inserttable'
- },
- {
- label: lang.deletetable,
- cmdName: 'deletetable'
- },
- '-',
- {
- label: lang.deleterow,
- cmdName: 'deleterow'
- },
- {
- label: lang.deletecol,
- cmdName: 'deletecol'
- },
- {
- label: lang.insertcol,
- cmdName: 'insertcol'
- },
- {
- label: lang.insertcolnext,
- cmdName: 'insertcolnext'
- },
- {
- label: lang.insertrow,
- cmdName: 'insertrow'
- },
- {
- label: lang.insertrownext,
- cmdName: 'insertrownext'
- },
- '-',
- {
- label: lang.insertcaption,
- cmdName: 'insertcaption'
- },
- {
- label: lang.deletecaption,
- cmdName: 'deletecaption'
- },
- {
- label: lang.inserttitle,
- cmdName: 'inserttitle'
- },
- {
- label: lang.deletetitle,
- cmdName: 'deletetitle'
- },
- '-',
- {
- label: lang.mergecells,
- cmdName: 'mergecells'
- },
- {
- label: lang.mergeright,
- cmdName: 'mergeright'
- },
- {
- label: lang.mergedown,
- cmdName: 'mergedown'
- },
- '-',
- {
- label: lang.splittorows,
- cmdName: 'splittorows'
- },
- {
- label: lang.splittocols,
- cmdName: 'splittocols'
- },
- {
- label: lang.splittocells,
- cmdName: 'splittocells'
- },
- '-',
- {
- label: lang.averageDiseRow,
- cmdName: 'averagedistributerow'
- },
- {
- label: lang.averageDisCol,
- cmdName: 'averagedistributecol'
- },
- '-',
- {
- label: lang.edittd,
- cmdName: 'edittd',
- exec: function () {
- if (UE.ui['edittd']) {
- new UE.ui['edittd'](this);
- }
- this.getDialog('edittd').open();
- }
- },
- {
- label: lang.edittable,
- cmdName: 'edittable',
- exec: function () {
- if (UE.ui['edittable']) {
- new UE.ui['edittable'](this);
- }
- this.getDialog('edittable').open();
- }
- }
- ]
- },
- {
- group: lang.tablesort,
- icon: 'tablesort',
- subMenu: [
- {
- label: lang.reversecurrent,
- cmdName: 'sorttable',
- value: 1
- },
- {
- label: lang.orderbyasc,
- cmdName: 'sorttable'
- },
- {
- label: lang.reversebyasc,
- cmdName: 'sorttable',
- exec: function () {
- this.execCommand("sorttable", function (td1, td2) {
- var value1 = td1.innerHTML,
- value2 = td2.innerHTML;
- return value2.localeCompare(value1);
- });
- }
- },
- {
- label: lang.orderbynum,
- cmdName: 'sorttable',
- exec: function () {
- this.execCommand("sorttable", function (td1, td2) {
- var value1 = td1[browser.ie ? 'innerText' : 'textContent'].match(/\d+/),
- value2 = td2[browser.ie ? 'innerText' : 'textContent'].match(/\d+/);
- if (value1) value1 = +value1[0];
- if (value2) value2 = +value2[0];
- return (value1 || 0) - (value2 || 0);
- });
- }
- },
- {
- label: lang.reversebynum,
- cmdName: 'sorttable',
- exec: function () {
- this.execCommand("sorttable", function (td1, td2) {
- var value1 = td1[browser.ie ? 'innerText' : 'textContent'].match(/\d+/),
- value2 = td2[browser.ie ? 'innerText' : 'textContent'].match(/\d+/);
- if (value1) value1 = +value1[0];
- if (value2) value2 = +value2[0];
- return (value2 || 0) - (value1 || 0);
- });
- }
- }
- ]
- },
- {
- group: lang.borderbk,
- icon: 'borderBack',
- subMenu: [
- {
- label: lang.setcolor,
- cmdName: "interlacetable",
- exec: function () {
- this.execCommand("interlacetable");
- }
- },
- {
- label: lang.unsetcolor,
- cmdName: "uninterlacetable",
- exec: function () {
- this.execCommand("uninterlacetable");
- }
- },
- {
- label: lang.setbackground,
- cmdName: "settablebackground",
- exec: function () {
- this.execCommand("settablebackground", {repeat: true, colorList: ["#bbb", "#ccc"]});
- }
- },
- {
- label: lang.unsetbackground,
- cmdName: "cleartablebackground",
- exec: function () {
- this.execCommand("cleartablebackground");
- }
- },
- {
- label: lang.redandblue,
- cmdName: "settablebackground",
- exec: function () {
- this.execCommand("settablebackground", {repeat: true, colorList: ["red", "blue"]});
- }
- },
- {
- label: lang.threecolorgradient,
- cmdName: "settablebackground",
- exec: function () {
- this.execCommand("settablebackground", {repeat: true, colorList: ["#aaa", "#bbb", "#ccc"]});
- }
- }
- ]
- },
- {
- group: lang.aligntd,
- icon: 'aligntd',
- subMenu: [
- {
- cmdName: 'cellalignment',
- value: {align: 'left', vAlign: 'top'}
- },
- {
- cmdName: 'cellalignment',
- value: {align: 'center', vAlign: 'top'}
- },
- {
- cmdName: 'cellalignment',
- value: {align: 'right', vAlign: 'top'}
- },
- {
- cmdName: 'cellalignment',
- value: {align: 'left', vAlign: 'middle'}
- },
- {
- cmdName: 'cellalignment',
- value: {align: 'center', vAlign: 'middle'}
- },
- {
- cmdName: 'cellalignment',
- value: {align: 'right', vAlign: 'middle'}
- },
- {
- cmdName: 'cellalignment',
- value: {align: 'left', vAlign: 'bottom'}
- },
- {
- cmdName: 'cellalignment',
- value: {align: 'center', vAlign: 'bottom'}
- },
- {
- cmdName: 'cellalignment',
- value: {align: 'right', vAlign: 'bottom'}
- }
- ]
- },
- {
- group: lang.aligntable,
- icon: 'aligntable',
- subMenu: [
- {
- cmdName: 'tablealignment',
- className: 'left',
- label: lang.tableleft,
- value: "left"
- },
- {
- cmdName: 'tablealignment',
- className: 'center',
- label: lang.tablecenter,
- value: "center"
- },
- {
- cmdName: 'tablealignment',
- className: 'right',
- label: lang.tableright,
- value: "right"
- }
- ]
- },
- '-',
- {
- label: lang.insertparagraphbefore,
- cmdName: 'insertparagraph',
- value: true
- },
- {
- label: lang.insertparagraphafter,
- cmdName: 'insertparagraph'
- },
- {
- label: lang['copy'],
- cmdName: 'copy',
- exec: function () {
- alert(lang.copymsg);
- },
- query: function () {
- return 0;
- }
- },
- {
- label: lang['paste'],
- cmdName: 'paste',
- exec: function () {
- alert(lang.pastemsg);
- },
- query: function () {
- return 0;
- }
- },
- {
- label: lang['highlightcode'],
- cmdName: 'highlightcode',
- exec: function () {
- if (UE.ui['highlightcode']) {
- new UE.ui['highlightcode'](this);
- }
- this.ui._dialogs['highlightcodeDialog'].open();
- }
- }
- ];
- if (!items.length) {
- return;
- }
- var uiUtils = UE.ui.uiUtils;
- me.addListener('contextmenu', function (type, evt) {
- var offset = uiUtils.getViewportOffsetByEvent(evt);
- me.fireEvent('beforeselectionchange');
- if (menu) {
- menu.destroy();
- }
- for (var i = 0, ti, contextItems = []; ti = items[i]; i++) {
- var last;
- (function (item) {
- if (item == '-') {
- if ((last = contextItems[contextItems.length - 1 ] ) && last !== '-') {
- contextItems.push('-');
- }
- } else if (item.hasOwnProperty("group")) {
- for (var j = 0, cj, subMenu = []; cj = item.subMenu[j]; j++) {
- (function (subItem) {
- if (subItem == '-') {
- if ((last = subMenu[subMenu.length - 1 ] ) && last !== '-') {
- subMenu.push('-');
- } else {
- subMenu.splice(subMenu.length - 1);
- }
- } else {
- if ((me.commands[subItem.cmdName] || UE.commands[subItem.cmdName] || subItem.query) &&
- (subItem.query ? subItem.query() : me.queryCommandState(subItem.cmdName)) > -1) {
- subMenu.push({
- 'label': subItem.label || me.getLang("contextMenu." + subItem.cmdName + (subItem.value || '')) || "",
- 'className': 'edui-for-' + subItem.cmdName + ( subItem.className ? ( ' edui-for-' + subItem.cmdName + '-' + subItem.className ) : '' ),
- onclick: subItem.exec ? function () {
- subItem.exec.call(me);
- } : function () {
- me.execCommand(subItem.cmdName, subItem.value);
- }
- });
- }
- }
- })(cj);
- }
- if (subMenu.length) {
- function getLabel() {
- switch (item.icon) {
- case "table":
- return me.getLang("contextMenu.table");
- case "justifyjustify":
- return me.getLang("contextMenu.paragraph");
- case "aligntd":
- return me.getLang("contextMenu.aligntd");
- case "aligntable":
- return me.getLang("contextMenu.aligntable");
- case "tablesort":
- return lang.tablesort;
- case "borderBack":
- return lang.borderbk;
- default :
- return '';
- }
- }
- contextItems.push({
- //todo 修正成自动获取方式
- 'label': getLabel(),
- className: 'edui-for-' + item.icon,
- 'subMenu': {
- items: subMenu,
- editor: me
- }
- });
- }
- } else {
- //有可能commmand没有加载右键不能出来,或者没有command也想能展示出来添加query方法
- if ((me.commands[item.cmdName] || UE.commands[item.cmdName] || item.query) &&
- (item.query ? item.query.call(me) : me.queryCommandState(item.cmdName)) > -1) {
- //highlight todo
- if (item.cmdName == 'highlightcode') {
- if (me.queryCommandState(item.cmdName) == 1 && item.icon != 'deletehighlightcode') {
- return;
- }
- if (me.queryCommandState(item.cmdName) != 1 && item.icon == 'deletehighlightcode') {
- return;
- }
- }
- contextItems.push({
- 'label': item.label || me.getLang("contextMenu." + item.cmdName),
- className: 'edui-for-' + (item.icon ? item.icon : item.cmdName + (item.value || '')),
- onclick: item.exec ? function () {
- item.exec.call(me);
- } : function () {
- me.execCommand(item.cmdName, item.value);
- }
- });
- }
- }
- })(ti);
- }
- if (contextItems[contextItems.length - 1] == '-') {
- contextItems.pop();
- }
- menu = new UE.ui.Menu({
- items: contextItems,
- className: "edui-contextmenu",
- editor: me
- });
- menu.render();
- menu.showAt(offset);
- me.fireEvent("aftershowcontextmenu", menu);
- domUtils.preventDefault(evt);
- if (browser.ie) {
- var ieRange;
- try {
- ieRange = me.selection.getNative().createRange();
- } catch (e) {
- return;
- }
- if (ieRange.item) {
- var range = new dom.Range(me.document);
- range.selectNode(ieRange.item(0)).select(true, true);
- }
- }
- });
- };
- ///import core
- ///commands 弹出菜单
- // commandsName popupmenu
- ///commandsTitle 弹出菜单
- /**
- * 弹出菜单
- * @function
- * @name baidu.editor.plugins.popupmenu
- * @author xuheng
- */
- UE.plugins['shortcutmenu'] = function () {
- var me = this,
- menu,
- items = me.options.shortcutMenu || [];
- if (!items.length) {
- return;
- }
- me.addListener('contextmenu mouseup', function (type, e) {
- var me = this,
- customEvt = {
- type: type,
- target: e.target || e.srcElement,
- screenX: e.screenX,
- screenY: e.screenY,
- clientX: e.clientX,
- clientY: e.clientY
- };
- setTimeout(function () {
- var rng = me.selection.getRange();
- if (rng.collapsed === false || type == "contextmenu") {
- if (!menu) {
- menu = new baidu.editor.ui.ShortCutMenu({
- editor: me,
- items: items,
- theme: me.options.theme,
- className: 'edui-shortcutmenu'
- });
- menu.render();
- me.fireEvent("afterrendershortcutmenu", menu);
- }
- menu.show(customEvt, !!UE.plugins['contextmenu']);
- }
- });
- if (type == 'contextmenu') {
- domUtils.preventDefault(e);
- if (browser.ie) {
- var ieRange;
- try {
- ieRange = me.selection.getNative().createRange();
- } catch (e) {
- return;
- }
- if (ieRange.item) {
- var range = new dom.Range(me.document);
- range.selectNode(ieRange.item(0)).select(true, true);
- }
- }
- }
- if (type == "keydown") {
- menu && !menu.isHidden && menu.hide();
- }
- });
- me.addListener('keydown', function (type) {
- if (type == "keydown") {
- menu && !menu.isHidden && menu.hide();
- }
- });
- };
- ///import core
- ///commands 加粗,斜体,上标,下标
- ///commandsName Bold,Italic,Subscript,Superscript
- ///commandsTitle 加粗,加斜,下标,上标
- /**
- * b u i等基础功能实现
- * @function
- * @name baidu.editor.execCommands
- * @param {String} cmdName bold加粗。italic斜体。subscript上标。superscript下标。
- */
- UE.plugins['basestyle'] = function () {
- var basestyles = {
- 'bold': ['strong', 'b'],
- 'italic': ['em', 'i'],
- 'subscript': ['sub'],
- 'superscript': ['sup']
- },
- getObj = function (editor, tagNames) {
- return domUtils.filterNodeList(editor.selection.getStartElementPath(), tagNames);
- },
- me = this;
- //添加快捷键
- me.addshortcutkey({
- "Bold": "ctrl+66",//^B
- "Italic": "ctrl+73", //^I
- "Underline": "ctrl+85"//^U
- });
- me.addInputRule(function (root) {
- utils.each(root.getNodesByTagName('b i'), function (node) {
- switch (node.tagName) {
- case 'b':
- node.tagName = 'strong';
- break;
- case 'i':
- node.tagName = 'em';
- }
- });
- });
- for (var style in basestyles) {
- (function (cmd, tagNames) {
- me.commands[cmd] = {
- execCommand: function (cmdName) {
- var range = me.selection.getRange(), obj = getObj(this, tagNames);
- if (range.collapsed) {
- if (obj) {
- var tmpText = me.document.createTextNode('');
- range.insertNode(tmpText).removeInlineStyle(tagNames);
- range.setStartBefore(tmpText);
- domUtils.remove(tmpText);
- } else {
- var tmpNode = range.document.createElement(tagNames[0]);
- if (cmdName == 'superscript' || cmdName == 'subscript') {
- tmpText = me.document.createTextNode('');
- range.insertNode(tmpText)
- .removeInlineStyle(['sub', 'sup'])
- .setStartBefore(tmpText)
- .collapse(true);
- }
- range.insertNode(tmpNode).setStart(tmpNode, 0);
- }
- range.collapse(true);
- } else {
- if (cmdName == 'superscript' || cmdName == 'subscript') {
- if (!obj || obj.tagName.toLowerCase() != cmdName) {
- range.removeInlineStyle(['sub', 'sup']);
- }
- }
- obj ? range.removeInlineStyle(tagNames) : range.applyInlineStyle(tagNames[0]);
- }
- range.select();
- },
- queryCommandState: function () {
- return getObj(this, tagNames) ? 1 : 0;
- }
- };
- })(style, basestyles[style]);
- }
- };
- ///import core
- ///commands 选区路径
- ///commandsName ElementPath,elementPathEnabled
- ///commandsTitle 选区路径
- /**
- * 选区路径
- * @function
- * @name baidu.editor.execCommand
- * @param {String} cmdName elementpath选区路径
- */
- UE.plugins['elementpath'] = function () {
- var currentLevel,
- tagNames,
- me = this;
- me.setOpt('elementPathEnabled', true);
- if (!me.options.elementPathEnabled) {
- return;
- }
- me.commands['elementpath'] = {
- execCommand: function (cmdName, level) {
- var start = tagNames[level],
- range = me.selection.getRange();
- currentLevel = level * 1;
- range.selectNode(start).select();
- },
- queryCommandValue: function () {
- //产生一个副本,不能修改原来的startElementPath;
- var parents = [].concat(this.selection.getStartElementPath()).reverse(),
- names = [];
- tagNames = parents;
- for (var i = 0, ci; ci = parents[i]; i++) {
- if (ci.nodeType == 3) {
- continue;
- }
- var name = ci.tagName.toLowerCase();
- if (name == 'img' && ci.getAttribute('anchorname')) {
- name = 'anchor';
- }
- names[i] = name;
- if (currentLevel == i) {
- currentLevel = -1;
- break;
- }
- }
- return names;
- }
- };
- };
- ///import core
- ///import plugins\removeformat.js
- ///commands 格式刷
- ///commandsName FormatMatch
- ///commandsTitle 格式刷
- /**
- * 格式刷,只格式inline的
- * @function
- * @name baidu.editor.execCommand
- * @param {String} cmdName formatmatch执行格式刷
- */
- UE.plugins['formatmatch'] = function () {
- var me = this,
- list = [], img,
- flag = 0;
- me.addListener('reset', function () {
- list = [];
- flag = 0;
- });
- function addList(type, evt) {
- if (browser.webkit) {
- var target = evt.target.tagName == 'IMG' ? evt.target : null;
- }
- function addFormat(range) {
- if (text) {
- range.selectNode(text);
- }
- return range.applyInlineStyle(list[list.length - 1].tagName, null, list);
- }
- me.undoManger && me.undoManger.save();
- var range = me.selection.getRange(),
- imgT = target || range.getClosedNode();
- if (img && imgT && imgT.tagName == 'IMG') {
- //trace:964
- imgT.style.cssText += ';float:' + (img.style.cssFloat || img.style.styleFloat || 'none') + ';display:' + (img.style.display || 'inline');
- img = null;
- } else {
- if (!img) {
- var collapsed = range.collapsed;
- if (collapsed) {
- var text = me.document.createTextNode('match');
- range.insertNode(text).select();
- }
- me.__hasEnterExecCommand = true;
- //不能把block上的属性干掉
- //trace:1553
- var removeFormatAttributes = me.options.removeFormatAttributes;
- me.options.removeFormatAttributes = '';
- me.execCommand('removeformat');
- me.options.removeFormatAttributes = removeFormatAttributes;
- me.__hasEnterExecCommand = false;
- //trace:969
- range = me.selection.getRange();
- if (list.length) {
- addFormat(range);
- }
- if (text) {
- range.setStartBefore(text).collapse(true);
- }
- range.select();
- text && domUtils.remove(text);
- }
- }
- me.undoManger && me.undoManger.save();
- me.removeListener('mouseup', addList);
- flag = 0;
- }
- me.commands['formatmatch'] = {
- execCommand: function (cmdName) {
- if (flag) {
- flag = 0;
- list = [];
- me.removeListener('mouseup', addList);
- return;
- }
- var range = me.selection.getRange();
- img = range.getClosedNode();
- if (!img || img.tagName != 'IMG') {
- range.collapse(true).shrinkBoundary();
- var start = range.startContainer;
- list = domUtils.findParents(start, true, function (node) {
- return !domUtils.isBlockElm(node) && node.nodeType == 1;
- });
- //a不能加入格式刷, 并且克隆节点
- for (var i = 0, ci; ci = list[i]; i++) {
- if (ci.tagName == 'A') {
- list.splice(i, 1);
- break;
- }
- }
- }
- me.addListener('mouseup', addList);
- flag = 1;
- },
- queryCommandState: function () {
- return flag;
- },
- notNeedUndo: 1
- };
- };
- ///import core
- ///commands 查找替换
- ///commandsName SearchReplace
- ///commandsTitle 查询替换
- ///commandsDialog dialogs\searchreplace
- /**
- * @description 查找替换
- * @author zhanyi
- */
- UE.plugins['searchreplace'] = function () {
- var currentRange,
- first,
- me = this;
- me.addListener('reset', function () {
- currentRange = null;
- first = null;
- });
- me.commands['searchreplace'] = {
- execCommand: function (cmdName, opt) {
- var me = this,
- sel = me.selection,
- range,
- nativeRange,
- num = 0,
- opt = utils.extend(opt, {
- all: false,
- casesensitive: false,
- dir: 1
- }, true);
- var searchStr = opt.searchStr;
- if (browser.ie) {
- me.focus();
- while (1) {
- var tmpRange;
- nativeRange = me.document.selection.createRange();
- tmpRange = nativeRange.duplicate();
- tmpRange.moveToElementText(me.document.body);
- if (opt.all) {
- first = 0;
- opt.dir = 1;
- if (currentRange) {
- tmpRange.setEndPoint(opt.dir == -1 ? 'EndToStart' : 'StartToEnd', currentRange);
- } else {
- tmpRange.moveToElementText(me.document.body);
- }
- } else {
- tmpRange.setEndPoint(opt.dir == -1 ? 'EndToStart' : 'StartToEnd', nativeRange);
- if (opt.hasOwnProperty("replaceStr")) {
- tmpRange.setEndPoint(opt.dir == -1 ? 'StartToEnd' : 'EndToStart', nativeRange);
- }
- }
- nativeRange = tmpRange.duplicate();
- if (/^\/[^/]+\/\w*$/.test(opt.searchStr)) {
- var str = tmpRange.text,
- reg = new RegExp(opt.searchStr.replace(/^\/|\/\w*$/g, ''), 'g' + (opt.casesensitive ? '' : 'i'));
- var match = str.match(reg);
- if (match && match.length) {
- searchStr = opt.dir < 0 ? match[match.length - 1] : match[0];
- } else {
- currentRange = null;
- return num;
- }
- }
- if (!tmpRange.findText(searchStr, opt.dir, opt.casesensitive ? 4 : 0)) {
- currentRange = null;
- tmpRange = me.document.selection.createRange();
- tmpRange.scrollIntoView();
- currentRange = null;
- return num;
- }
- tmpRange.select();
- //替换
- if (opt.hasOwnProperty("replaceStr")) {
- range = sel.getRange();
- range.deleteContents().insertNode(range.document.createTextNode(opt.replaceStr)).select();
- currentRange = sel.getNative().createRange();
- }
- num++;
- if (!opt.all) {
- break;
- }
- }
- } else {
- var w = me.window, nativeSel = sel.getNative();
- while (1) {
- if (opt.all) {
- if (currentRange) {
- currentRange.collapse(false);
- nativeRange = currentRange;
- } else {
- nativeRange = me.document.createRange();
- nativeRange.setStart(me.document.body, 0);
- nativeRange.collapse(true);
- }
- nativeSel.removeAllRanges();
- nativeSel.addRange(nativeRange);
- first = 0;
- opt.dir = 1;
- } else {
- //safari弹出层,原生已经找不到range了,所以需要先选回来,再取原生
- if (browser.safari) {
- me.selection.getRange().select();
- }
- var nativeSel = w.getSelection();
- if (!nativeSel.rangeCount) {
- nativeRange = currentRange || me._bakNativeRange;
- } else {
- nativeRange = nativeSel.getRangeAt(0);
- }
- if (opt.hasOwnProperty("replaceStr")) {
- nativeRange.collapse(opt.dir == 1 ? true : false);
- }
- }
- //如果是第一次并且海选中了内容那就要清除,为find做准备
- if (!first) {
- nativeRange.collapse(opt.dir < 0 ? true : false);
- nativeSel.removeAllRanges();
- nativeSel.addRange(nativeRange);
- } else {
- nativeSel.removeAllRanges();
- }
- //是正则查找
- if (/^\/[^/]+\/\w*$/.test(opt.searchStr)) {
- var tmpRange = nativeRange.cloneRange();
- //向前查找
- if (opt.dir < 0) {
- nativeRange.collapse(true);
- nativeRange.setStart(me.body, 0);
- } else {
- nativeRange.setEnd(me.body, me.body.childNodes.length);
- }
- var str = nativeRange + '',
- reg = new RegExp(opt.searchStr.replace(/^\/|\/\w*$/g, ''), 'g' + (opt.casesensitive ? '' : 'i'));
- var match = str.match(reg);
- if (match && match.length) {
- searchStr = opt.dir < 0 ? match[match.length - 1] : match[0];
- } else {
- currentRange = null;
- return num;
- }
- nativeSel.removeAllRanges();
- nativeRange = tmpRange;
- nativeSel.addRange(nativeRange);
- }
- if (!w.find(searchStr, opt.casesensitive, opt.dir < 0 ? true : false)) {
- currentRange = null;
- nativeSel.removeAllRanges();
- return num;
- }
- first = 0;
- range = w.getSelection().getRangeAt(0);
- if (!range.collapsed) {
- if (opt.hasOwnProperty("replaceStr")) {
- range.deleteContents();
- var text = w.document.createTextNode(opt.replaceStr);
- range.insertNode(text);
- range.selectNode(text);
- nativeSel.addRange(range);
- }
- currentRange = range.cloneRange();
- }
- num++;
- if (!opt.all) {
- break;
- }
- }
- }
- return true;
- }
- };
- };
- ///import core
- ///commands 自定义样式
- ///commandsName CustomStyle
- ///commandsTitle 自定义样式
- UE.plugins['customstyle'] = function () {
- var me = this;
- me.setOpt({ 'customstyle': [
- {tag: 'h1', name: 'tc', style: 'font-size:32px;font-weight:bold;border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:center;margin:0 0 20px 0;'},
- {tag: 'h1', name: 'tl', style: 'font-size:32px;font-weight:bold;border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:left;margin:0 0 10px 0;'},
- {tag: 'span', name: 'im', style: 'font-size:16px;font-style:italic;font-weight:bold;line-height:18px;'},
- {tag: 'span', name: 'hi', style: 'font-size:16px;font-style:italic;font-weight:bold;color:rgb(51, 153, 204);line-height:18px;'}
- ]});
- me.commands['customstyle'] = {
- execCommand: function (cmdName, obj) {
- var me = this,
- tagName = obj.tag,
- node = domUtils.findParent(me.selection.getStart(), function (node) {
- return node.getAttribute('label');
- }, true),
- range, bk, tmpObj = {};
- for (var p in obj) {
- if (obj[p] !== undefined)
- tmpObj[p] = obj[p];
- }
- delete tmpObj.tag;
- if (node && node.getAttribute('label') == obj.label) {
- range = this.selection.getRange();
- bk = range.createBookmark();
- if (range.collapsed) {
- //trace:1732 删掉自定义标签,要有p来回填站位
- if (dtd.$block[node.tagName]) {
- var fillNode = me.document.createElement('p');
- domUtils.moveChild(node, fillNode);
- node.parentNode.insertBefore(fillNode, node);
- domUtils.remove(node);
- } else {
- domUtils.remove(node, true);
- }
- } else {
- var common = domUtils.getCommonAncestor(bk.start, bk.end),
- nodes = domUtils.getElementsByTagName(common, tagName);
- if (new RegExp(tagName, 'i').test(common.tagName)) {
- nodes.push(common);
- }
- for (var i = 0, ni; ni = nodes[i++];) {
- if (ni.getAttribute('label') == obj.label) {
- var ps = domUtils.getPosition(ni, bk.start), pe = domUtils.getPosition(ni, bk.end);
- if ((ps & domUtils.POSITION_FOLLOWING || ps & domUtils.POSITION_CONTAINS)
- &&
- (pe & domUtils.POSITION_PRECEDING || pe & domUtils.POSITION_CONTAINS)
- )
- if (dtd.$block[tagName]) {
- var fillNode = me.document.createElement('p');
- domUtils.moveChild(ni, fillNode);
- ni.parentNode.insertBefore(fillNode, ni);
- }
- domUtils.remove(ni, true);
- }
- }
- node = domUtils.findParent(common, function (node) {
- return node.getAttribute('label') == obj.label;
- }, true);
- if (node) {
- domUtils.remove(node, true);
- }
- }
- range.moveToBookmark(bk).select();
- } else {
- if (dtd.$block[tagName]) {
- this.execCommand('paragraph', tagName, tmpObj, 'customstyle');
- range = me.selection.getRange();
- if (!range.collapsed) {
- range.collapse();
- node = domUtils.findParent(me.selection.getStart(), function (node) {
- return node.getAttribute('label') == obj.label;
- }, true);
- var pNode = me.document.createElement('p');
- domUtils.insertAfter(node, pNode);
- domUtils.fillNode(me.document, pNode);
- range.setStart(pNode, 0).setCursor();
- }
- } else {
- range = me.selection.getRange();
- if (range.collapsed) {
- node = me.document.createElement(tagName);
- domUtils.setAttributes(node, tmpObj);
- range.insertNode(node).setStart(node, 0).setCursor();
- return;
- }
- bk = range.createBookmark();
- range.applyInlineStyle(tagName, tmpObj).moveToBookmark(bk).select();
- }
- }
- },
- queryCommandValue: function () {
- var parent = domUtils.filterNodeList(
- this.selection.getStartElementPath(),
- function (node) {
- return node.getAttribute('label')
- }
- );
- return parent ? parent.getAttribute('label') : '';
- }
- };
- //当去掉customstyle是,如果是块元素,用p代替
- me.addListener('keyup', function (type, evt) {
- var keyCode = evt.keyCode || evt.which;
- if (keyCode == 32 || keyCode == 13) {
- var range = me.selection.getRange();
- if (range.collapsed) {
- var node = domUtils.findParent(me.selection.getStart(), function (node) {
- return node.getAttribute('label');
- }, true);
- if (node && dtd.$block[node.tagName] && domUtils.isEmptyNode(node)) {
- var p = me.document.createElement('p');
- domUtils.insertAfter(node, p);
- domUtils.fillNode(me.document, p);
- domUtils.remove(node);
- range.setStart(p, 0).setCursor();
- }
- }
- }
- });
- };
- ///import core
- ///commands 远程图片抓取
- ///commandsName catchRemoteImage,catchremoteimageenable
- ///commandsTitle 远程图片抓取
- /**
- * 远程图片抓取,当开启本插件时所有不符合本地域名的图片都将被抓取成为本地服务器上的图片
- *
- */
- UE.plugins['catchremoteimage'] = function () {
- if (this.options.catchRemoteImageEnable === false) {
- return;
- }
- var me = this;
- this.setOpt({
- localDomain: ["127.0.0.1", "localhost", "img.baidu.com"],
- separater: 'ue_separate_ue',
- catchFieldName: "upfile",
- catchRemoteImageEnable: true
- });
- var ajax = UE.ajax,
- localDomain = me.options.localDomain ,
- catcherUrl = me.options.catcherUrl,
- separater = me.options.separater;
- function catchremoteimage(imgs, callbacks) {
- var submitStr = imgs.join(separater);
- var tmpOption = {
- timeout: 60000, //单位:毫秒,回调请求超时设置。目标用户如果网速不是很快的话此处建议设置一个较大的数值
- onsuccess: callbacks["success"],
- onerror: callbacks["error"]
- };
- tmpOption[me.options.catchFieldName] = submitStr;
- ajax.request(catcherUrl, tmpOption);
- }
- me.addListener("afterpaste", function () {
- me.fireEvent("catchRemoteImage");
- });
- me.addListener("catchRemoteImage", function () {
- var remoteImages = [];
- var imgs = domUtils.getElementsByTagName(me.document, "img");
- var test = function (src, urls) {
- for (var j = 0, url; url = urls[j++];) {
- if (src.indexOf(url) !== -1) {
- return true;
- }
- }
- return false;
- };
- for (var i = 0, ci; ci = imgs[i++];) {
- if (ci.getAttribute("word_img")) {
- continue;
- }
- var src = ci.getAttribute("_src") || ci.src || "";
- if (/^(https?|ftp):/i.test(src) && !test(src, localDomain)) {
- remoteImages.push(src);
- }
- }
- if (remoteImages.length) {
- catchremoteimage(remoteImages, {
- //成功抓取
- success: function (xhr) {
- try {
- var info = eval("(" + xhr.responseText + ")");
- } catch (e) {
- return;
- }
- var srcUrls = info.srcUrl.split(separater),
- urls = info.url.split(separater);
- for (var i = 0, ci; ci = imgs[i++];) {
- var src = ci.getAttribute("_src") || ci.src || "";
- for (var j = 0, cj; cj = srcUrls[j++];) {
- var url = urls[j - 1];
- if (src == cj && url != "error") { //抓取失败时不做替换处理
- //地址修正
- var newSrc = me.options.catcherPath + url;
- domUtils.setAttributes(ci, {
- "src": newSrc,
- "_src": newSrc
- });
- break;
- }
- }
- }
- me.fireEvent('catchremotesuccess')
- },
- //回调失败,本次请求超时
- error: function () {
- me.fireEvent("catchremoteerror");
- }
- });
- }
- });
- };
- ///import core
- ///import plugins\inserthtml.js
- ///import plugins\image.js
- ///commandsName snapscreen
- ///commandsTitle 截屏
- /**
- * 截屏插件
- */
- UE.plugins['snapscreen'] = function () {
- var me = this,
- doc,
- snapplugin;
- me.setOpt({
- snapscreenServerPort: location.port //屏幕截图的server端端口
- , snapscreenImgAlign: '' //截图的图片默认的排版方式
- , snapscreenHost: location.hostname //屏幕截图的server端文件所在的网站地址或者ip,请不要加http://
- });
- me.commands['snapscreen'] = {
- execCommand: function () {
- var me = this, lang = me.getLang("snapScreen_plugin");
- if (!snapplugin) {
- var container = me.container;
- doc = container.ownerDocument || container.document;
- snapplugin = doc.createElement("object");
- try {
- snapplugin.type = "application/x-pluginbaidusnap";
- } catch (e) {
- return;
- }
- snapplugin.style.cssText = "position:absolute;left:-9999px;";
- snapplugin.setAttribute("width", "0");
- snapplugin.setAttribute("height", "0");
- container.appendChild(snapplugin);
- }
- var editorOptions = me.options;
- var onSuccess = function (rs) {
- try {
- rs = eval("(" + rs + ")");
- } catch (e) {
- alert(lang.callBackErrorMsg);
- return;
- }
- if (rs.state != 'SUCCESS') {
- alert(rs.state);
- return;
- }
- me.execCommand('insertimage', {
- src: editorOptions.snapscreenPath + rs.url,
- floatStyle: editorOptions.snapscreenImgAlign,
- _src: editorOptions.snapscreenPath + rs.url
- });
- };
- var onStartUpload = function () {
- //开始截图上传
- };
- var onError = function () {
- alert(lang.uploadErrorMsg);
- };
- try {
- var port = editorOptions.snapscreenServerPort + '';
- editorOptions.snapscreenServerUrl = editorOptions.snapscreenServerUrl.split(editorOptions.snapscreenHost);
- editorOptions.snapscreenServerUrl = editorOptions.snapscreenServerUrl[1] || editorOptions.snapscreenServerUrl[0];
- if (editorOptions.snapscreenServerUrl.indexOf(":" + port) === 0) {
- editorOptions.snapscreenServerUrl = editorOptions.snapscreenServerUrl.substring(port.length + 1);
- }
- var ret = snapplugin.saveSnapshot(editorOptions.snapscreenHost, editorOptions.snapscreenServerUrl, port);
- onSuccess(ret);
- } catch (e) {
- me.ui._dialogs['snapscreenDialog'].open();
- }
- }
- };
- }
- ///import core
- ///commands 插入空行
- ///commandsName insertparagraph
- ///commandsTitle 插入空行
- /**
- * 插入空行
- * @function
- * @name baidu.editor.execCommand
- * @param {String} cmdName insertparagraph
- */
- UE.commands['insertparagraph'] = {
- execCommand: function (cmdName, front) {
- var me = this,
- range = me.selection.getRange(),
- start = range.startContainer, tmpNode;
- while (start) {
- if (domUtils.isBody(start)) {
- break;
- }
- tmpNode = start;
- start = start.parentNode;
- }
- if (tmpNode) {
- var p = me.document.createElement('p');
- if (front) {
- tmpNode.parentNode.insertBefore(p, tmpNode)
- } else {
- tmpNode.parentNode.insertBefore(p, tmpNode.nextSibling)
- }
- domUtils.fillNode(me.document, p);
- range.setStart(p, 0).setCursor(false, true);
- }
- }
- };
- ///import core
- ///import plugins/inserthtml.js
- ///commands 百度应用
- ///commandsName webapp
- ///commandsTitle 百度应用
- ///commandsDialog dialogs\webapp
- UE.plugins['webapp'] = function () {
- var me = this;
- function createInsertStr(obj, toIframe, addParagraph) {
- return !toIframe ?
- (addParagraph ? '<p>' : '') + '<img title="' + obj.title + '" width="' + obj.width + '" height="' + obj.height + '"' +
- ' src="' + me.options.UEDITOR_HOME_URL + 'themes/default/images/spacer.gif" style="background:url(' + obj.logo + ') no-repeat center center; border:1px solid gray;" class="edui-faked-webapp" _url="' + obj.url + '" />' +
- (addParagraph ? '</p>' : '')
- :
- '<iframe class="edui-faked-webapp" title="' + obj.title + '" width="' + obj.width + '" height="' + obj.height + '" scrolling="no" frameborder="0" src="' + obj.url + '" logo_url = ' + obj.logo + '></iframe>';
- }
- function switchImgAndIframe(img2frame) {
- var tmpdiv,
- nodes = domUtils.getElementsByTagName(me.document, !img2frame ? "iframe" : "img");
- for (var i = 0, node; node = nodes[i++];) {
- if (node.className != "edui-faked-webapp") {
- continue;
- }
- tmpdiv = me.document.createElement("div");
- tmpdiv.innerHTML = createInsertStr(img2frame ? {url: node.getAttribute("_url"), width: node.width, height: node.height, title: node.title, logo: node.style.backgroundImage.replace("url(", "").replace(")", "")} : {url: node.getAttribute("src", 2), title: node.title, width: node.width, height: node.height, logo: node.getAttribute("logo_url")}, img2frame ? true : false, false);
- node.parentNode.replaceChild(tmpdiv.firstChild, node);
- }
- }
- me.addListener("beforegetcontent", function () {
- switchImgAndIframe(true);
- });
- me.addListener('aftersetcontent', function () {
- switchImgAndIframe(false);
- });
- me.addListener('aftergetcontent', function (cmdName) {
- if (cmdName == 'aftergetcontent' && me.queryCommandState('source')) {
- return;
- }
- switchImgAndIframe(false);
- });
- me.commands['webapp'] = {
- execCommand: function (cmd, obj) {
- me.execCommand("inserthtml", createInsertStr(obj, false, true));
- }
- };
- };
- ///import core
- ///import plugins\inserthtml.js
- ///import plugins\cleardoc.js
- ///commands 模板
- ///commandsName template
- ///commandsTitle 模板
- ///commandsDialog dialogs\template
- UE.plugins['template'] = function () {
- UE.commands['template'] = {
- execCommand: function (cmd, obj) {
- obj.html && this.execCommand("inserthtml", obj.html);
- }
- };
- this.addListener("click", function (type, evt) {
- var el = evt.target || evt.srcElement,
- range = this.selection.getRange();
- var tnode = domUtils.findParent(el, function (node) {
- if (node.className && domUtils.hasClass(node, "ue_t")) {
- return node;
- }
- }, true);
- tnode && range.selectNode(tnode).shrinkBoundary().select();
- });
- this.addListener("keydown", function (type, evt) {
- var range = this.selection.getRange();
- if (!range.collapsed) {
- if (!evt.ctrlKey && !evt.metaKey && !evt.shiftKey && !evt.altKey) {
- var tnode = domUtils.findParent(range.startContainer, function (node) {
- if (node.className && domUtils.hasClass(node, "ue_t")) {
- return node;
- }
- }, true);
- if (tnode) {
- domUtils.removeClasses(tnode, ["ue_t"]);
- }
- }
- }
- });
- };
- ///import core
- ///import plugins/inserthtml.js
- ///commands 音乐
- ///commandsName Music
- ///commandsTitle 插入音乐
- ///commandsDialog dialogs\music
- UE.plugins['music'] = function () {
- var me = this,
- div;
- /**
- * 创建插入音乐字符窜
- * @param url 音乐地址
- * @param width 音乐宽度
- * @param height 音乐高度
- * @param align 阴雨对齐
- * @param toEmbed 是否以flash代替显示
- * @param addParagraph 是否需要添加P标签
- */
- function creatInsertStr(url, width, height, align, toEmbed, addParagraph) {
- return !toEmbed ?
- (addParagraph ? ('<p ' + (align != "none" ? ( align == "center" ? ' style="text-align:center;" ' : ' style="float:"' + align ) : '') + '>') : '') +
- '<img align="' + align + '" width="' + width + '" height="' + height + '" _url="' + url + '" class="edui-faked-music"' +
- ' src="' + me.options.langPath + me.options.lang + '/images/music.png" />' +
- (addParagraph ? '</p>' : '')
- :
- '<embed type="application/x-shockwave-flash" class="edui-faked-music" pluginspage="http://www.macromedia.com/go/getflashplayer"' +
- ' src="' + url + '" width="' + width + '" height="' + height + '" align="' + align + '"' +
- ( align != "none" ? ' style= "' + ( align == "center" ? "display:block;" : " float: " + align ) + '"' : '' ) +
- ' wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true" >';
- }
- function switchImgAndEmbed(img2embed) {
- var tmpdiv,
- nodes = domUtils.getElementsByTagName(me.document, !img2embed ? "embed" : "img");
- for (var i = 0, node; node = nodes[i++];) {
- if (node.className != "edui-faked-music") {
- continue;
- }
- tmpdiv = me.document.createElement("div");
- //先看float在看align,浮动有的是时候是在float上定义的
- var align = domUtils.getComputedStyle(node, 'float');
- align = align == 'none' ? (node.getAttribute('align') || '') : align;
- tmpdiv.innerHTML = creatInsertStr(img2embed ? node.getAttribute("_url") : node.getAttribute("src"), node.width, node.height, align, img2embed);
- node.parentNode.replaceChild(tmpdiv.firstChild, node);
- }
- }
- me.addListener("beforegetcontent", function () {
- switchImgAndEmbed(true);
- });
- me.addListener('aftersetcontent', function () {
- switchImgAndEmbed(false);
- });
- me.addListener('aftergetcontent', function (cmdName) {
- if (cmdName == 'aftergetcontent' && me.queryCommandState('source')) {
- return;
- }
- switchImgAndEmbed(false);
- });
- me.commands["music"] = {
- execCommand: function (cmd, musicObj) {
- var me = this,
- str = creatInsertStr(musicObj.url, musicObj.width || 400, musicObj.height || 95, "none", false, true);
- me.execCommand("inserthtml", str);
- },
- queryCommandState: function () {
- var me = this,
- img = me.selection.getRange().getClosedNode(),
- flag = img && (img.className == "edui-faked-music");
- return flag ? 1 : 0;
- }
- };
- };
- var baidu = baidu || {};
- baidu.editor = baidu.editor || {};
- baidu.editor.ui = {};
- (function () {
- var browser = baidu.editor.browser,
- domUtils = baidu.editor.dom.domUtils;
- var magic = '$EDITORUI';
- var root = window[magic] = {};
- var uidMagic = 'ID' + magic;
- var uidCount = 0;
- var uiUtils = baidu.editor.ui.uiUtils = {
- uid: function (obj) {
- return (obj ? obj[uidMagic] || (obj[uidMagic] = ++uidCount) : ++uidCount);
- },
- hook: function (fn, callback) {
- var dg;
- if (fn && fn._callbacks) {
- dg = fn;
- } else {
- dg = function () {
- var q;
- if (fn) {
- q = fn.apply(this, arguments);
- }
- var callbacks = dg._callbacks;
- var k = callbacks.length;
- while (k--) {
- var r = callbacks[k].apply(this, arguments);
- if (q === undefined) {
- q = r;
- }
- }
- return q;
- };
- dg._callbacks = [];
- }
- dg._callbacks.push(callback);
- return dg;
- },
- createElementByHtml: function (html) {
- var el = document.createElement('div');
- el.innerHTML = html;
- el = el.firstChild;
- el.parentNode.removeChild(el);
- return el;
- },
- getViewportElement: function () {
- return (browser.ie && browser.quirks) ?
- document.body : document.documentElement;
- },
- getClientRect: function (element) {
- var bcr;
- //trace IE6下在控制编辑器显隐时可能会报错,catch一下
- try {
- bcr = element.getBoundingClientRect();
- } catch (e) {
- bcr = {left: 0, top: 0, height: 0, width: 0}
- }
- var rect = {
- left: Math.round(bcr.left),
- top: Math.round(bcr.top),
- height: Math.round(bcr.bottom - bcr.top),
- width: Math.round(bcr.right - bcr.left)
- };
- var doc;
- while ((doc = element.ownerDocument) !== document &&
- (element = domUtils.getWindow(doc).frameElement)) {
- bcr = element.getBoundingClientRect();
- rect.left += bcr.left;
- rect.top += bcr.top;
- }
- rect.bottom = rect.top + rect.height;
- rect.right = rect.left + rect.width;
- return rect;
- },
- getViewportRect: function () {
- var viewportEl = uiUtils.getViewportElement();
- var width = (window.innerWidth || viewportEl.clientWidth) | 0;
- var height = (window.innerHeight || viewportEl.clientHeight) | 0;
- return {
- left: 0,
- top: 0,
- height: height,
- width: width,
- bottom: height,
- right: width
- };
- },
- setViewportOffset: function (element, offset) {
- var rect;
- var fixedLayer = uiUtils.getFixedLayer();
- if (element.parentNode === fixedLayer) {
- element.style.left = offset.left + 'px';
- element.style.top = offset.top + 'px';
- } else {
- domUtils.setViewportOffset(element, offset);
- }
- },
- getEventOffset: function (evt) {
- var el = evt.target || evt.srcElement;
- var rect = uiUtils.getClientRect(el);
- var offset = uiUtils.getViewportOffsetByEvent(evt);
- return {
- left: offset.left - rect.left,
- top: offset.top - rect.top
- };
- },
- getViewportOffsetByEvent: function (evt) {
- var el = evt.target || evt.srcElement;
- var frameEl = domUtils.getWindow(el).frameElement;
- var offset = {
- left: evt.clientX,
- top: evt.clientY
- };
- if (frameEl && el.ownerDocument !== document) {
- var rect = uiUtils.getClientRect(frameEl);
- offset.left += rect.left;
- offset.top += rect.top;
- }
- return offset;
- },
- setGlobal: function (id, obj) {
- root[id] = obj;
- return magic + '["' + id + '"]';
- },
- unsetGlobal: function (id) {
- delete root[id];
- },
- copyAttributes: function (tgt, src) {
- var attributes = src.attributes;
- var k = attributes.length;
- while (k--) {
- var attrNode = attributes[k];
- if (attrNode.nodeName != 'style' && attrNode.nodeName != 'class' && (!browser.ie || attrNode.specified)) {
- tgt.setAttribute(attrNode.nodeName, attrNode.nodeValue);
- }
- }
- if (src.className) {
- domUtils.addClass(tgt, src.className);
- }
- if (src.style.cssText) {
- tgt.style.cssText += ';' + src.style.cssText;
- }
- },
- removeStyle: function (el, styleName) {
- if (el.style.removeProperty) {
- el.style.removeProperty(styleName);
- } else if (el.style.removeAttribute) {
- el.style.removeAttribute(styleName);
- } else throw '';
- },
- contains: function (elA, elB) {
- return elA && elB && (elA === elB ? false : (
- elA.contains ? elA.contains(elB) :
- elA.compareDocumentPosition(elB) & 16
- ));
- },
- startDrag: function (evt, callbacks, doc) {
- var doc = doc || document;
- var startX = evt.clientX;
- var startY = evt.clientY;
- function handleMouseMove(evt) {
- var x = evt.clientX - startX;
- var y = evt.clientY - startY;
- callbacks.ondragmove(x, y, evt);
- if (evt.stopPropagation) {
- evt.stopPropagation();
- } else {
- evt.cancelBubble = true;
- }
- }
- if (doc.addEventListener) {
- function handleMouseUp(evt) {
- doc.removeEventListener('mousemove', handleMouseMove, true);
- doc.removeEventListener('mouseup', handleMouseUp, true);
- window.removeEventListener('mouseup', handleMouseUp, true);
- callbacks.ondragstop();
- }
- doc.addEventListener('mousemove', handleMouseMove, true);
- doc.addEventListener('mouseup', handleMouseUp, true);
- window.addEventListener('mouseup', handleMouseUp, true);
- evt.preventDefault();
- } else {
- var elm = evt.srcElement;
- elm.setCapture();
- function releaseCaptrue() {
- elm.releaseCapture();
- elm.detachEvent('onmousemove', handleMouseMove);
- elm.detachEvent('onmouseup', releaseCaptrue);
- elm.detachEvent('onlosecaptrue', releaseCaptrue);
- callbacks.ondragstop();
- }
- elm.attachEvent('onmousemove', handleMouseMove);
- elm.attachEvent('onmouseup', releaseCaptrue);
- elm.attachEvent('onlosecaptrue', releaseCaptrue);
- evt.returnValue = false;
- }
- callbacks.ondragstart();
- },
- getFixedLayer: function () {
- var layer = document.getElementById('edui_fixedlayer');
- if (layer == null) {
- layer = document.createElement('div');
- layer.id = 'edui_fixedlayer';
- document.body.appendChild(layer);
- if (browser.ie && browser.version <= 8) {
- layer.style.position = 'absolute';
- bindFixedLayer();
- setTimeout(updateFixedOffset);
- } else {
- layer.style.position = 'fixed';
- }
- layer.style.left = '0';
- layer.style.top = '0';
- layer.style.width = '0';
- layer.style.height = '0';
- }
- return layer;
- },
- makeUnselectable: function (element) {
- if (browser.opera || (browser.ie && browser.version < 9)) {
- element.unselectable = 'on';
- if (element.hasChildNodes()) {
- for (var i = 0; i < element.childNodes.length; i++) {
- if (element.childNodes[i].nodeType == 1) {
- uiUtils.makeUnselectable(element.childNodes[i]);
- }
- }
- }
- } else {
- if (element.style.MozUserSelect !== undefined) {
- element.style.MozUserSelect = 'none';
- } else if (element.style.WebkitUserSelect !== undefined) {
- element.style.WebkitUserSelect = 'none';
- } else if (element.style.KhtmlUserSelect !== undefined) {
- element.style.KhtmlUserSelect = 'none';
- }
- }
- }
- };
- function updateFixedOffset() {
- var layer = document.getElementById('edui_fixedlayer');
- uiUtils.setViewportOffset(layer, {
- left: 0,
- top: 0
- });
- // layer.style.display = 'none';
- // layer.style.display = 'block';
- //#trace: 1354
- // setTimeout(updateFixedOffset);
- }
- function bindFixedLayer(adjOffset) {
- domUtils.on(window, 'scroll', updateFixedOffset);
- domUtils.on(window, 'resize', baidu.editor.utils.defer(updateFixedOffset, 0, true));
- }
- })();
- (function () {
- var utils = baidu.editor.utils,
- uiUtils = baidu.editor.ui.uiUtils,
- EventBase = baidu.editor.EventBase,
- UIBase = baidu.editor.ui.UIBase = function () {
- };
- UIBase.prototype = {
- className: '',
- uiName: '',
- initOptions: function (options) {
- var me = this;
- for (var k in options) {
- me[k] = options[k];
- }
- this.id = this.id || 'edui' + uiUtils.uid();
- },
- initUIBase: function () {
- this._globalKey = utils.unhtml(uiUtils.setGlobal(this.id, this));
- },
- render: function (holder) {
- var html = this.renderHtml();
- var el = uiUtils.createElementByHtml(html);
- //by xuheng 给每个node添加class
- var list = domUtils.getElementsByTagName(el, "*");
- var theme = "edui-" + (this.theme || this.editor.options.theme);
- var layer = document.getElementById('edui_fixedlayer');
- for (var i = 0, node; node = list[i++];) {
- domUtils.addClass(node, theme);
- }
- domUtils.addClass(el, theme);
- if (layer) {
- layer.className = "";
- domUtils.addClass(layer, theme);
- }
- var seatEl = this.getDom();
- if (seatEl != null) {
- seatEl.parentNode.replaceChild(el, seatEl);
- uiUtils.copyAttributes(el, seatEl);
- } else {
- if (typeof holder == 'string') {
- holder = document.getElementById(holder);
- }
- holder = holder || uiUtils.getFixedLayer();
- domUtils.addClass(holder, theme);
- holder.appendChild(el);
- }
- this.postRender();
- },
- getDom: function (name) {
- if (!name) {
- return document.getElementById(this.id);
- } else {
- return document.getElementById(this.id + '_' + name);
- }
- },
- postRender: function () {
- this.fireEvent('postrender');
- },
- getHtmlTpl: function () {
- return '';
- },
- formatHtml: function (tpl) {
- var prefix = 'edui-' + this.uiName;
- return (tpl
- .replace(/##/g, this.id)
- .replace(/%%-/g, this.uiName ? prefix + '-' : '')
- .replace(/%%/g, (this.uiName ? prefix : '') + ' ' + this.className)
- .replace(/\$\$/g, this._globalKey));
- },
- renderHtml: function () {
- return this.formatHtml(this.getHtmlTpl());
- },
- dispose: function () {
- var box = this.getDom();
- if (box) baidu.editor.dom.domUtils.remove(box);
- uiUtils.unsetGlobal(this.id);
- }
- };
- utils.inherits(UIBase, EventBase);
- })();
- (function () {
- var utils = baidu.editor.utils,
- UIBase = baidu.editor.ui.UIBase,
- Separator = baidu.editor.ui.Separator = function (options) {
- this.initOptions(options);
- this.initSeparator();
- };
- Separator.prototype = {
- uiName: 'separator',
- initSeparator: function () {
- this.initUIBase();
- },
- getHtmlTpl: function () {
- return '<div id="##" class="edui-box %%"></div>';
- }
- };
- utils.inherits(Separator, UIBase);
- })();
- ///import core
- ///import uicore
- (function () {
- var utils = baidu.editor.utils,
- domUtils = baidu.editor.dom.domUtils,
- UIBase = baidu.editor.ui.UIBase,
- uiUtils = baidu.editor.ui.uiUtils;
- var Mask = baidu.editor.ui.Mask = function (options) {
- this.initOptions(options);
- this.initUIBase();
- };
- Mask.prototype = {
- getHtmlTpl: function () {
- return '<div id="##" class="edui-mask %%" onmousedown="return $$._onMouseDown(event, this);"></div>';
- },
- postRender: function () {
- var me = this;
- domUtils.on(window, 'resize', function () {
- setTimeout(function () {
- if (!me.isHidden()) {
- me._fill();
- }
- });
- });
- },
- show: function (zIndex) {
- this._fill();
- this.getDom().style.display = '';
- this.getDom().style.zIndex = zIndex;
- },
- hide: function () {
- this.getDom().style.display = 'none';
- this.getDom().style.zIndex = '';
- },
- isHidden: function () {
- return this.getDom().style.display == 'none';
- },
- _onMouseDown: function () {
- return false;
- },
- _fill: function () {
- var el = this.getDom();
- var vpRect = uiUtils.getViewportRect();
- el.style.width = vpRect.width + 'px';
- el.style.height = vpRect.height + 'px';
- }
- };
- utils.inherits(Mask, UIBase);
- })();
- ///import core
- ///import uicore
- (function () {
- var utils = baidu.editor.utils,
- uiUtils = baidu.editor.ui.uiUtils,
- domUtils = baidu.editor.dom.domUtils,
- UIBase = baidu.editor.ui.UIBase,
- Popup = baidu.editor.ui.Popup = function (options) {
- this.initOptions(options);
- this.initPopup();
- };
- var allPopups = [];
- function closeAllPopup(evt, el) {
- for (var i = 0; i < allPopups.length; i++) {
- var pop = allPopups[i];
- if (!pop.isHidden()) {
- if (pop.queryAutoHide(el) !== false) {
- if (evt && /scroll/ig.test(evt.type) && pop.className == "edui-wordpastepop") return;
- pop.hide();
- }
- }
- }
- if (allPopups.length)
- pop.editor.fireEvent("afterhidepop");
- }
- Popup.postHide = closeAllPopup;
- var ANCHOR_CLASSES = ['edui-anchor-topleft', 'edui-anchor-topright',
- 'edui-anchor-bottomleft', 'edui-anchor-bottomright'];
- Popup.prototype = {
- SHADOW_RADIUS: 5,
- content: null,
- _hidden: false,
- autoRender: true,
- canSideLeft: true,
- canSideUp: true,
- initPopup: function () {
- this.initUIBase();
- allPopups.push(this);
- },
- getHtmlTpl: function () {
- return '<div id="##" class="edui-popup %%" onmousedown="return false;">' +
- ' <div id="##_body" class="edui-popup-body">' +
- ' <iframe style="position:absolute;z-index:-1;left:0;top:0;background-color: transparent;" frameborder="0" width="100%" height="100%" src="javascript:"></iframe>' +
- ' <div class="edui-shadow"></div>' +
- ' <div id="##_content" class="edui-popup-content">' +
- this.getContentHtmlTpl() +
- ' </div>' +
- ' </div>' +
- '</div>';
- },
- getContentHtmlTpl: function () {
- if (this.content) {
- if (typeof this.content == 'string') {
- return this.content;
- }
- return this.content.renderHtml();
- } else {
- return ''
- }
- },
- _UIBase_postRender: UIBase.prototype.postRender,
- postRender: function () {
- if (this.content instanceof UIBase) {
- this.content.postRender();
- }
- //捕获鼠标滚轮
- if (this.captureWheel && !this.captured) {
- this.captured = true;
- var winHeight = ( document.documentElement.clientHeight || document.body.clientHeight ) - 80,
- _height = this.getDom().offsetHeight,
- _top = domUtils.getXY(this.combox.getDom()).y,
- content = this.getDom('content'),
- me = this;
- while (_top + _height > winHeight) {
- _height -= 30;
- content.style.height = _height + 'px';
- }
- //阻止在combox上的鼠标滚轮事件, 防止用户的正常操作被误解
- if (window.XMLHttpRequest) {
- domUtils.on(content, ( 'onmousewheel' in document.body ) ? 'mousewheel' : 'DOMMouseScroll', function (e) {
- if (e.preventDefault) {
- e.preventDefault();
- } else {
- e.returnValue = false;
- }
- if (e.wheelDelta) {
- content.scrollTop -= ( e.wheelDelta / 120 ) * 60;
- } else {
- content.scrollTop -= ( e.detail / -3 ) * 60;
- }
- });
- } else {
- //ie6
- domUtils.on(this.getDom(), 'mousewheel', function (e) {
- e.returnValue = false;
- me.getDom('content').scrollTop -= ( e.wheelDelta / 120 ) * 60;
- });
- }
- }
- this.fireEvent('postRenderAfter');
- this.hide(true);
- this._UIBase_postRender();
- },
- _doAutoRender: function () {
- if (!this.getDom() && this.autoRender) {
- this.render();
- }
- },
- mesureSize: function () {
- var box = this.getDom('content');
- return uiUtils.getClientRect(box);
- },
- fitSize: function () {
- if (this.captureWheel && this.sized) {
- return this.__size;
- }
- this.sized = true;
- var popBodyEl = this.getDom('body');
- popBodyEl.style.width = '';
- popBodyEl.style.height = '';
- var size = this.mesureSize();
- if (this.captureWheel) {
- popBodyEl.style.width = -(-20 - size.width) + 'px';
- } else {
- popBodyEl.style.width = size.width + 'px';
- }
- popBodyEl.style.height = size.height + 'px';
- this.__size = size;
- this.captureWheel && (this.getDom('content').style.overflow = 'auto');
- return size;
- },
- showAnchor: function (element, hoz) {
- this.showAnchorRect(uiUtils.getClientRect(element), hoz);
- },
- showAnchorRect: function (rect, hoz, adj) {
- this._doAutoRender();
- var vpRect = uiUtils.getViewportRect();
- this._show();
- var popSize = this.fitSize();
- var sideLeft, sideUp, left, top;
- if (hoz) {
- sideLeft = this.canSideLeft && (rect.right + popSize.width > vpRect.right && rect.left > popSize.width);
- sideUp = this.canSideUp && (rect.top + popSize.height > vpRect.bottom && rect.bottom > popSize.height);
- left = (sideLeft ? rect.left - popSize.width : rect.right);
- top = (sideUp ? rect.bottom - popSize.height : rect.top);
- } else {
- sideLeft = this.canSideLeft && (rect.right + popSize.width > vpRect.right && rect.left > popSize.width);
- sideUp = this.canSideUp && (rect.top + popSize.height > vpRect.bottom && rect.bottom > popSize.height);
- left = (sideLeft ? rect.right - popSize.width : rect.left);
- top = (sideUp ? rect.top - popSize.height : rect.bottom);
- }
- var popEl = this.getDom();
- uiUtils.setViewportOffset(popEl, {
- left: left,
- top: top
- });
- domUtils.removeClasses(popEl, ANCHOR_CLASSES);
- popEl.className += ' ' + ANCHOR_CLASSES[(sideUp ? 1 : 0) * 2 + (sideLeft ? 1 : 0)];
- if (this.editor) {
- popEl.style.zIndex = this.editor.container.style.zIndex * 1 + 10;
- baidu.editor.ui.uiUtils.getFixedLayer().style.zIndex = popEl.style.zIndex - 1;
- }
- },
- showAt: function (offset) {
- var left = offset.left;
- var top = offset.top;
- var rect = {
- left: left,
- top: top,
- right: left,
- bottom: top,
- height: 0,
- width: 0
- };
- this.showAnchorRect(rect, false, true);
- },
- _show: function () {
- if (this._hidden) {
- var box = this.getDom();
- box.style.display = '';
- this._hidden = false;
- // if (box.setActive) {
- // box.setActive();
- // }
- this.fireEvent('show');
- }
- },
- isHidden: function () {
- return this._hidden;
- },
- show: function () {
- this._doAutoRender();
- this._show();
- },
- hide: function (notNofity) {
- if (!this._hidden && this.getDom()) {
- this.getDom().style.display = 'none';
- this._hidden = true;
- if (!notNofity) {
- this.fireEvent('hide');
- }
- }
- },
- queryAutoHide: function (el) {
- return !el || !uiUtils.contains(this.getDom(), el);
- }
- };
- utils.inherits(Popup, UIBase);
- domUtils.on(document, 'mousedown', function (evt) {
- var el = evt.target || evt.srcElement;
- closeAllPopup(evt, el);
- });
- domUtils.on(window, 'scroll', function (evt, el) {
- closeAllPopup(evt, el);
- });
- })();
- ///import core
- ///import uicore
- (function () {
- var utils = baidu.editor.utils,
- UIBase = baidu.editor.ui.UIBase,
- ColorPicker = baidu.editor.ui.ColorPicker = function (options) {
- this.initOptions(options);
- this.noColorText = this.noColorText || this.editor.getLang("clearColor");
- this.initUIBase();
- };
- ColorPicker.prototype = {
- getHtmlTpl: function () {
- return genColorPicker(this.noColorText, this.editor);
- },
- _onTableClick: function (evt) {
- var tgt = evt.target || evt.srcElement;
- var color = tgt.getAttribute('data-color');
- if (color) {
- this.fireEvent('pickcolor', color);
- }
- },
- _onTableOver: function (evt) {
- var tgt = evt.target || evt.srcElement;
- var color = tgt.getAttribute('data-color');
- if (color) {
- this.getDom('preview').style.backgroundColor = color;
- }
- },
- _onTableOut: function () {
- this.getDom('preview').style.backgroundColor = '';
- },
- _onPickNoColor: function () {
- this.fireEvent('picknocolor');
- }
- };
- utils.inherits(ColorPicker, UIBase);
- var COLORS = (
- 'ffffff,000000,eeece1,1f497d,4f81bd,c0504d,9bbb59,8064a2,4bacc6,f79646,' +
- 'f2f2f2,7f7f7f,ddd9c3,c6d9f0,dbe5f1,f2dcdb,ebf1dd,e5e0ec,dbeef3,fdeada,' +
- 'd8d8d8,595959,c4bd97,8db3e2,b8cce4,e5b9b7,d7e3bc,ccc1d9,b7dde8,fbd5b5,' +
- 'bfbfbf,3f3f3f,938953,548dd4,95b3d7,d99694,c3d69b,b2a2c7,92cddc,fac08f,' +
- 'a5a5a5,262626,494429,17365d,366092,953734,76923c,5f497a,31859b,e36c09,' +
- '7f7f7f,0c0c0c,1d1b10,0f243e,244061,632423,4f6128,3f3151,205867,974806,' +
- 'c00000,ff0000,ffc000,ffff00,92d050,00b050,00b0f0,0070c0,002060,7030a0,').split(',');
- function genColorPicker(noColorText, editor) {
- var html = '<div id="##" class="edui-colorpicker %%">' +
- '<div class="edui-colorpicker-topbar edui-clearfix">' +
- '<div unselectable="on" id="##_preview" class="edui-colorpicker-preview"></div>' +
- '<div unselectable="on" class="edui-colorpicker-nocolor" onclick="$$._onPickNoColor(event, this);">' + noColorText + '</div>' +
- '</div>' +
- '<table class="edui-box" style="border-collapse: collapse;" onmouseover="$$._onTableOver(event, this);" onmouseout="$$._onTableOut(event, this);" onclick="return $$._onTableClick(event, this);" cellspacing="0" cellpadding="0">' +
- '<tr style="border-bottom: 1px solid #ddd;font-size: 13px;line-height: 25px;color:#39C;padding-top: 2px"><td colspan="10">' + editor.getLang("themeColor") + '</td> </tr>' +
- '<tr class="edui-colorpicker-tablefirstrow" >';
- for (var i = 0; i < COLORS.length; i++) {
- if (i && i % 10 === 0) {
- html += '</tr>' + (i == 60 ? '<tr style="border-bottom: 1px solid #ddd;font-size: 13px;line-height: 25px;color:#39C;"><td colspan="10">' + editor.getLang("standardColor") + '</td></tr>' : '') + '<tr' + (i == 60 ? ' class="edui-colorpicker-tablefirstrow"' : '') + '>';
- }
- html += i < 70 ? '<td style="padding: 0 2px;"><a hidefocus title="' + COLORS[i] + '" onclick="return false;" href="javascript:" unselectable="on" class="edui-box edui-colorpicker-colorcell"' +
- ' data-color="#' + COLORS[i] + '"' +
- ' style="background-color:#' + COLORS[i] + ';border:solid #ccc;' +
- (i < 10 || i >= 60 ? 'border-width:1px;' :
- i >= 10 && i < 20 ? 'border-width:1px 1px 0 1px;' :
- 'border-width:0 1px 0 1px;') +
- '"' +
- '></a></td>' : '';
- }
- html += '</tr></table></div>';
- return html;
- }
- })();
- ///import core
- ///import uicore
- (function () {
- var utils = baidu.editor.utils,
- uiUtils = baidu.editor.ui.uiUtils,
- UIBase = baidu.editor.ui.UIBase;
- var TablePicker = baidu.editor.ui.TablePicker = function (options) {
- this.initOptions(options);
- this.initTablePicker();
- };
- TablePicker.prototype = {
- defaultNumRows: 10,
- defaultNumCols: 10,
- maxNumRows: 20,
- maxNumCols: 20,
- numRows: 10,
- numCols: 10,
- lengthOfCellSide: 22,
- initTablePicker: function () {
- this.initUIBase();
- },
- getHtmlTpl: function () {
- var me = this;
- return '<div id="##" class="edui-tablepicker %%">' +
- '<div class="edui-tablepicker-body">' +
- '<div class="edui-infoarea">' +
- '<span id="##_label" class="edui-label"></span>' +
- '</div>' +
- '<div class="edui-pickarea"' +
- ' onmousemove="$$._onMouseMove(event, this);"' +
- ' onmouseover="$$._onMouseOver(event, this);"' +
- ' onmouseout="$$._onMouseOut(event, this);"' +
- ' onclick="$$._onClick(event, this);"' +
- '>' +
- '<div id="##_overlay" class="edui-overlay"></div>' +
- '</div>' +
- '</div>' +
- '</div>';
- },
- _UIBase_render: UIBase.prototype.render,
- render: function (holder) {
- this._UIBase_render(holder);
- this.getDom('label').innerHTML = '0' + this.editor.getLang("t_row") + ' x 0' + this.editor.getLang("t_col");
- },
- _track: function (numCols, numRows) {
- var style = this.getDom('overlay').style;
- var sideLen = this.lengthOfCellSide;
- style.width = numCols * sideLen + 'px';
- style.height = numRows * sideLen + 'px';
- var label = this.getDom('label');
- label.innerHTML = numCols + this.editor.getLang("t_col") + ' x ' + numRows + this.editor.getLang("t_row");
- this.numCols = numCols;
- this.numRows = numRows;
- },
- _onMouseOver: function (evt, el) {
- var rel = evt.relatedTarget || evt.fromElement;
- if (!uiUtils.contains(el, rel) && el !== rel) {
- this.getDom('label').innerHTML = '0' + this.editor.getLang("t_col") + ' x 0' + this.editor.getLang("t_row");
- this.getDom('overlay').style.visibility = '';
- }
- },
- _onMouseOut: function (evt, el) {
- var rel = evt.relatedTarget || evt.toElement;
- if (!uiUtils.contains(el, rel) && el !== rel) {
- this.getDom('label').innerHTML = '0' + this.editor.getLang("t_col") + ' x 0' + this.editor.getLang("t_row");
- this.getDom('overlay').style.visibility = 'hidden';
- }
- },
- _onMouseMove: function (evt, el) {
- var style = this.getDom('overlay').style;
- var offset = uiUtils.getEventOffset(evt);
- var sideLen = this.lengthOfCellSide;
- var numCols = Math.ceil(offset.left / sideLen);
- var numRows = Math.ceil(offset.top / sideLen);
- this._track(numCols, numRows);
- },
- _onClick: function () {
- this.fireEvent('picktable', this.numCols, this.numRows);
- }
- };
- utils.inherits(TablePicker, UIBase);
- })();
- (function () {
- var browser = baidu.editor.browser,
- domUtils = baidu.editor.dom.domUtils,
- uiUtils = baidu.editor.ui.uiUtils;
- var TPL_STATEFUL = 'onmousedown="$$.Stateful_onMouseDown(event, this);"' +
- ' onmouseup="$$.Stateful_onMouseUp(event, this);"' +
- ( browser.ie ? (
- ' onmouseenter="$$.Stateful_onMouseEnter(event, this);"' +
- ' onmouseleave="$$.Stateful_onMouseLeave(event, this);"' )
- : (
- ' onmouseover="$$.Stateful_onMouseOver(event, this);"' +
- ' onmouseout="$$.Stateful_onMouseOut(event, this);"' ));
- baidu.editor.ui.Stateful = {
- alwalysHoverable: false,
- target: null,//目标元素和this指向dom不一样
- Stateful_init: function () {
- this._Stateful_dGetHtmlTpl = this.getHtmlTpl;
- this.getHtmlTpl = this.Stateful_getHtmlTpl;
- },
- Stateful_getHtmlTpl: function () {
- var tpl = this._Stateful_dGetHtmlTpl();
- // 使用function避免$转义
- return tpl.replace(/stateful/g, function () {
- return TPL_STATEFUL;
- });
- },
- Stateful_onMouseEnter: function (evt, el) {
- this.target = el;
- if (!this.isDisabled() || this.alwalysHoverable) {
- this.addState('hover');
- this.fireEvent('over');
- }
- },
- Stateful_onMouseLeave: function (evt, el) {
- if (!this.isDisabled() || this.alwalysHoverable) {
- this.removeState('hover');
- this.removeState('active');
- this.fireEvent('out');
- }
- },
- Stateful_onMouseOver: function (evt, el) {
- var rel = evt.relatedTarget;
- if (!uiUtils.contains(el, rel) && el !== rel) {
- this.Stateful_onMouseEnter(evt, el);
- }
- },
- Stateful_onMouseOut: function (evt, el) {
- var rel = evt.relatedTarget;
- if (!uiUtils.contains(el, rel) && el !== rel) {
- this.Stateful_onMouseLeave(evt, el);
- }
- },
- Stateful_onMouseDown: function (evt, el) {
- if (!this.isDisabled()) {
- this.addState('active');
- }
- },
- Stateful_onMouseUp: function (evt, el) {
- if (!this.isDisabled()) {
- this.removeState('active');
- }
- },
- Stateful_postRender: function () {
- if (this.disabled && !this.hasState('disabled')) {
- this.addState('disabled');
- }
- },
- hasState: function (state) {
- return domUtils.hasClass(this.getStateDom(), 'edui-state-' + state);
- },
- addState: function (state) {
- if (!this.hasState(state)) {
- this.getStateDom().className += ' edui-state-' + state;
- }
- },
- removeState: function (state) {
- if (this.hasState(state)) {
- domUtils.removeClasses(this.getStateDom(), ['edui-state-' + state]);
- }
- },
- getStateDom: function () {
- return this.getDom('state');
- },
- isChecked: function () {
- return this.hasState('checked');
- },
- setChecked: function (checked) {
- if (!this.isDisabled() && checked) {
- this.addState('checked');
- } else {
- this.removeState('checked');
- }
- },
- isDisabled: function () {
- return this.hasState('disabled');
- },
- setDisabled: function (disabled) {
- if (disabled) {
- this.removeState('hover');
- this.removeState('checked');
- this.removeState('active');
- this.addState('disabled');
- } else {
- this.removeState('disabled');
- }
- }
- };
- })();
- ///import core
- ///import uicore
- ///import ui/stateful.js
- (function () {
- var utils = baidu.editor.utils,
- UIBase = baidu.editor.ui.UIBase,
- Stateful = baidu.editor.ui.Stateful,
- Button = baidu.editor.ui.Button = function (options) {
- this.initOptions(options);
- this.initButton();
- };
- Button.prototype = {
- uiName: 'button',
- label: '',
- title: '',
- showIcon: true,
- showText: true,
- initButton: function () {
- this.initUIBase();
- this.Stateful_init();
- },
- getHtmlTpl: function () {
- return '<div id="##" class="edui-box %%">' +
- '<div id="##_state" stateful>' +
- '<div class="%%-wrap"><div id="##_body" unselectable="on" ' + (this.title ? 'title="' + this.title + '"' : '') +
- ' class="%%-body" onmousedown="return false;" onclick="return $$._onClick();">' +
- (this.showIcon ? '<div class="edui-box edui-icon"></div>' : '') +
- (this.showText ? '<div class="edui-box edui-label">' + this.label + '</div>' : '') +
- '</div>' +
- '</div>' +
- '</div></div>';
- },
- postRender: function () {
- this.Stateful_postRender();
- this.setDisabled(this.disabled)
- },
- _onClick: function () {
- if (!this.isDisabled()) {
- this.fireEvent('click');
- }
- }
- };
- utils.inherits(Button, UIBase);
- utils.extend(Button.prototype, Stateful);
- })();
- ///import core
- ///import uicore
- ///import ui/stateful.js
- (function () {
- var utils = baidu.editor.utils,
- uiUtils = baidu.editor.ui.uiUtils,
- domUtils = baidu.editor.dom.domUtils,
- UIBase = baidu.editor.ui.UIBase,
- Stateful = baidu.editor.ui.Stateful,
- SplitButton = baidu.editor.ui.SplitButton = function (options) {
- this.initOptions(options);
- this.initSplitButton();
- };
- SplitButton.prototype = {
- popup: null,
- uiName: 'splitbutton',
- title: '',
- initSplitButton: function () {
- this.initUIBase();
- this.Stateful_init();
- var me = this;
- if (this.popup != null) {
- var popup = this.popup;
- this.popup = null;
- this.setPopup(popup);
- }
- },
- _UIBase_postRender: UIBase.prototype.postRender,
- postRender: function () {
- this.Stateful_postRender();
- this._UIBase_postRender();
- },
- setPopup: function (popup) {
- if (this.popup === popup) return;
- if (this.popup != null) {
- this.popup.dispose();
- }
- popup.addListener('show', utils.bind(this._onPopupShow, this));
- popup.addListener('hide', utils.bind(this._onPopupHide, this));
- popup.addListener('postrender', utils.bind(function () {
- popup.getDom('body').appendChild(
- uiUtils.createElementByHtml('<div id="' +
- this.popup.id + '_bordereraser" class="edui-bordereraser edui-background" style="width:' +
- (uiUtils.getClientRect(this.getDom()).width + 20) + 'px"></div>')
- );
- popup.getDom().className += ' ' + this.className;
- }, this));
- this.popup = popup;
- },
- _onPopupShow: function () {
- this.addState('opened');
- },
- _onPopupHide: function () {
- this.removeState('opened');
- },
- getHtmlTpl: function () {
- return '<div id="##" class="edui-box %%">' +
- '<div ' + (this.title ? 'title="' + this.title + '"' : '') + ' id="##_state" stateful><div class="%%-body">' +
- '<div id="##_button_body" class="edui-box edui-button-body" onclick="$$._onButtonClick(event, this);">' +
- '<div class="edui-box edui-icon"></div>' +
- '</div>' +
- '<div class="edui-box edui-splitborder"></div>' +
- '<div class="edui-box edui-arrow" onclick="$$._onArrowClick();"></div>' +
- '</div></div></div>';
- },
- showPopup: function () {
- // 当popup往上弹出的时候,做特殊处理
- var rect = uiUtils.getClientRect(this.getDom());
- rect.top -= this.popup.SHADOW_RADIUS;
- rect.height += this.popup.SHADOW_RADIUS;
- this.popup.showAnchorRect(rect);
- },
- _onArrowClick: function (event, el) {
- if (!this.isDisabled()) {
- this.showPopup();
- }
- },
- _onButtonClick: function () {
- if (!this.isDisabled()) {
- this.fireEvent('buttonclick');
- }
- }
- };
- utils.inherits(SplitButton, UIBase);
- utils.extend(SplitButton.prototype, Stateful, true);
- })();
- ///import core
- ///import uicore
- ///import ui/colorpicker.js
- ///import ui/popup.js
- ///import ui/splitbutton.js
- (function () {
- var utils = baidu.editor.utils,
- uiUtils = baidu.editor.ui.uiUtils,
- ColorPicker = baidu.editor.ui.ColorPicker,
- Popup = baidu.editor.ui.Popup,
- SplitButton = baidu.editor.ui.SplitButton,
- ColorButton = baidu.editor.ui.ColorButton = function (options) {
- this.initOptions(options);
- this.initColorButton();
- };
- ColorButton.prototype = {
- initColorButton: function () {
- var me = this;
- this.popup = new Popup({
- content: new ColorPicker({
- noColorText: me.editor.getLang("clearColor"),
- editor: me.editor,
- onpickcolor: function (t, color) {
- me._onPickColor(color);
- },
- onpicknocolor: function (t, color) {
- me._onPickNoColor(color);
- }
- }),
- editor: me.editor
- });
- this.initSplitButton();
- },
- _SplitButton_postRender: SplitButton.prototype.postRender,
- postRender: function () {
- this._SplitButton_postRender();
- this.getDom('button_body').appendChild(
- uiUtils.createElementByHtml('<div id="' + this.id + '_colorlump" class="edui-colorlump"></div>')
- );
- this.getDom().className += ' edui-colorbutton';
- },
- setColor: function (color) {
- this.getDom('colorlump').style.backgroundColor = color;
- this.color = color;
- },
- _onPickColor: function (color) {
- if (this.fireEvent('pickcolor', color) !== false) {
- this.setColor(color);
- this.popup.hide();
- }
- },
- _onPickNoColor: function (color) {
- if (this.fireEvent('picknocolor') !== false) {
- this.popup.hide();
- }
- }
- };
- utils.inherits(ColorButton, SplitButton);
- })();
- ///import core
- ///import uicore
- ///import ui/popup.js
- ///import ui/tablepicker.js
- ///import ui/splitbutton.js
- (function () {
- var utils = baidu.editor.utils,
- Popup = baidu.editor.ui.Popup,
- TablePicker = baidu.editor.ui.TablePicker,
- SplitButton = baidu.editor.ui.SplitButton,
- TableButton = baidu.editor.ui.TableButton = function (options) {
- this.initOptions(options);
- this.initTableButton();
- };
- TableButton.prototype = {
- initTableButton: function () {
- var me = this;
- this.popup = new Popup({
- content: new TablePicker({
- editor: me.editor,
- onpicktable: function (t, numCols, numRows) {
- me._onPickTable(numCols, numRows);
- }
- }),
- 'editor': me.editor
- });
- this.initSplitButton();
- },
- _onPickTable: function (numCols, numRows) {
- if (this.fireEvent('picktable', numCols, numRows) !== false) {
- this.popup.hide();
- }
- }
- };
- utils.inherits(TableButton, SplitButton);
- })();
- ///import core
- ///import uicore
- (function () {
- var utils = baidu.editor.utils,
- UIBase = baidu.editor.ui.UIBase;
- var AutoTypeSetPicker = baidu.editor.ui.AutoTypeSetPicker = function (options) {
- this.initOptions(options);
- this.initAutoTypeSetPicker();
- };
- AutoTypeSetPicker.prototype = {
- initAutoTypeSetPicker: function () {
- this.initUIBase();
- },
- getHtmlTpl: function () {
- var me = this.editor,
- opt = me.options.autotypeset,
- lang = me.getLang("autoTypeSet");
- var textAlignInputName = 'textAlignValue' + me.uid,
- imageBlockInputName = 'imageBlockLineValue' + me.uid;
- return '<div id="##" class="edui-autotypesetpicker %%">' +
- '<div class="edui-autotypesetpicker-body">' +
- '<table >' +
- '<tr><td nowrap colspan="2"><input type="checkbox" name="mergeEmptyline" ' + (opt["mergeEmptyline"] ? "checked" : "" ) + '>' + lang.mergeLine + '</td><td colspan="2"><input type="checkbox" name="removeEmptyline" ' + (opt["removeEmptyline"] ? "checked" : "" ) + '>' + lang.delLine + '</td></tr>' +
- '<tr><td nowrap colspan="2"><input type="checkbox" name="removeClass" ' + (opt["removeClass"] ? "checked" : "" ) + '>' + lang.removeFormat + '</td><td colspan="2"><input type="checkbox" name="indent" ' + (opt["indent"] ? "checked" : "" ) + '>' + lang.indent + '</td></tr>' +
- '<tr><td nowrap colspan="2"><input type="checkbox" name="textAlign" ' + (opt["textAlign"] ? "checked" : "" ) + '>' + lang.alignment + '</td><td colspan="2" id="' + textAlignInputName + '"><input type="radio" name="' + textAlignInputName + '" value="left" ' + ((opt["textAlign"] && opt["textAlign"] == "left") ? "checked" : "") + '>' + me.getLang("justifyleft") + '<input type="radio" name="' + textAlignInputName + '" value="center" ' + ((opt["textAlign"] && opt["textAlign"] == "center") ? "checked" : "") + '>' + me.getLang("justifycenter") + '<input type="radio" name="' + textAlignInputName + '" value="right" ' + ((opt["textAlign"] && opt["textAlign"] == "right") ? "checked" : "") + '>' + me.getLang("justifyright") + ' </tr>' +
- '<tr><td nowrap colspan="2"><input type="checkbox" name="imageBlockLine" ' + (opt["imageBlockLine"] ? "checked" : "" ) + '>' + lang.imageFloat + '</td>' +
- '<td nowrap colspan="2" id="' + imageBlockInputName + '">' +
- '<input type="radio" name="' + imageBlockInputName + '" value="none" ' + ((opt["imageBlockLine"] && opt["imageBlockLine"] == "none") ? "checked" : "") + '>' + me.getLang("default") +
- '<input type="radio" name="' + imageBlockInputName + '" value="left" ' + ((opt["imageBlockLine"] && opt["imageBlockLine"] == "left") ? "checked" : "") + '>' + me.getLang("justifyleft") +
- '<input type="radio" name="' + imageBlockInputName + '" value="center" ' + ((opt["imageBlockLine"] && opt["imageBlockLine"] == "center") ? "checked" : "") + '>' + me.getLang("justifycenter") +
- '<input type="radio" name="' + imageBlockInputName + '" value="right" ' + ((opt["imageBlockLine"] && opt["imageBlockLine"] == "right") ? "checked" : "") + '>' + me.getLang("justifyright") + '</tr>' +
- '<tr><td nowrap colspan="2"><input type="checkbox" name="clearFontSize" ' + (opt["clearFontSize"] ? "checked" : "" ) + '>' + lang.removeFontsize + '</td><td colspan="2"><input type="checkbox" name="clearFontFamily" ' + (opt["clearFontFamily"] ? "checked" : "" ) + '>' + lang.removeFontFamily + '</td></tr>' +
- '<tr><td nowrap colspan="4"><input type="checkbox" name="removeEmptyNode" ' + (opt["removeEmptyNode"] ? "checked" : "" ) + '>' + lang.removeHtml + '</td></tr>' +
- '<tr><td nowrap colspan="4"><input type="checkbox" name="pasteFilter" ' + (opt["pasteFilter"] ? "checked" : "" ) + '>' + lang.pasteFilter + '</td></tr>' +
- '<tr><td nowrap colspan="4" align="right"><button >' + lang.run + '</button></td></tr>' +
- '</table>' +
- '</div>' +
- '</div>';
- },
- _UIBase_render: UIBase.prototype.render
- };
- utils.inherits(AutoTypeSetPicker, UIBase);
- })();
- ///import core
- ///import uicore
- ///import ui/popup.js
- ///import ui/autotypesetpicker.js
- ///import ui/splitbutton.js
- (function () {
- var utils = baidu.editor.utils,
- Popup = baidu.editor.ui.Popup,
- AutoTypeSetPicker = baidu.editor.ui.AutoTypeSetPicker,
- SplitButton = baidu.editor.ui.SplitButton,
- AutoTypeSetButton = baidu.editor.ui.AutoTypeSetButton = function (options) {
- this.initOptions(options);
- this.initAutoTypeSetButton();
- };
- function getPara(me) {
- var opt = me.editor.options.autotypeset,
- cont = me.getDom(),
- editorId = me.editor.uid,
- inputType = null,
- attrName = null,
- ipts = domUtils.getElementsByTagName(cont, "input");
- for (var i = ipts.length - 1, ipt; ipt = ipts[i--];) {
- inputType = ipt.getAttribute("type");
- if (inputType == "checkbox") {
- attrName = ipt.getAttribute("name");
- opt[attrName] && delete opt[attrName];
- if (ipt.checked) {
- var attrValue = document.getElementById(attrName + "Value" + editorId);
- if (attrValue) {
- if (/input/ig.test(attrValue.tagName)) {
- opt[attrName] = attrValue.value;
- } else {
- var iptChilds = attrValue.getElementsByTagName("input");
- for (var j = iptChilds.length - 1, iptchild; iptchild = iptChilds[j--];) {
- if (iptchild.checked) {
- opt[attrName] = iptchild.value;
- break;
- }
- }
- }
- } else {
- opt[attrName] = true;
- }
- }
- }
- }
- var selects = domUtils.getElementsByTagName(cont, "select");
- for (var i = 0, si; si = selects[i++];) {
- var attr = si.getAttribute('name');
- opt[attr] = opt[attr] ? si.value : '';
- }
- me.editor.options.autotypeset = opt;
- }
- AutoTypeSetButton.prototype = {
- initAutoTypeSetButton: function () {
- var me = this;
- this.popup = new Popup({
- //传入配置参数
- content: new AutoTypeSetPicker({editor: me.editor}),
- 'editor': me.editor,
- hide: function () {
- if (!this._hidden && this.getDom()) {
- getPara(this);
- this.getDom().style.display = 'none';
- this._hidden = true;
- this.fireEvent('hide');
- }
- }
- });
- var flag = 0;
- this.popup.addListener('postRenderAfter', function () {
- var popupUI = this;
- if (flag)return;
- var cont = this.getDom(),
- btn = cont.getElementsByTagName('button')[0];
- btn.onclick = function () {
- getPara(popupUI);
- me.editor.execCommand('autotypeset');
- popupUI.hide()
- };
- flag = 1;
- });
- this.initSplitButton();
- }
- };
- utils.inherits(AutoTypeSetButton, SplitButton);
- })();
- ///import core
- ///import uicore
- (function () {
- var utils = baidu.editor.utils,
- Popup = baidu.editor.ui.Popup,
- Stateful = baidu.editor.ui.Stateful,
- UIBase = baidu.editor.ui.UIBase;
- /**
- * 该参数将新增一个参数: selected, 参数类型为一个Object, 形如{ 'align': 'center', 'valign': 'top' }, 表示单元格的初始
- * 对齐状态为: 竖直居上,水平居中; 其中 align的取值为:'center', 'left', 'right'; valign的取值为: 'top', 'middle', 'bottom'
- * @update 2013/4/2 hancong03@baidu.com
- */
- var CellAlignPicker = baidu.editor.ui.CellAlignPicker = function (options) {
- this.initOptions(options);
- this.initSelected();
- this.initCellAlignPicker();
- };
- CellAlignPicker.prototype = {
- //初始化选中状态, 该方法将根据传递进来的参数获取到应该选中的对齐方式图标的索引
- initSelected: function () {
- var status = {
- valign: {
- top: 0,
- middle: 1,
- bottom: 2
- },
- align: {
- left: 0,
- center: 1,
- right: 2
- },
- count: 3
- },
- result = -1;
- if (this.selected) {
- this.selectedIndex = status.valign[ this.selected.valign ] * status.count + status.align[ this.selected.align ];
- }
- },
- initCellAlignPicker: function () {
- this.initUIBase();
- this.Stateful_init();
- },
- getHtmlTpl: function () {
- var alignType = [ 'left', 'center', 'right' ],
- COUNT = 9,
- tempClassName = null,
- tempIndex = -1,
- tmpl = [];
- for (var i = 0; i < COUNT; i++) {
- tempClassName = this.selectedIndex === i ? ' class="edui-cellalign-selected" ' : '';
- tempIndex = i % 3;
- tempIndex === 0 && tmpl.push('<tr>');
- tmpl.push('<td index="' + i + '" ' + tempClassName + ' stateful><div class="edui-icon edui-' + alignType[ tempIndex ] + '"></div></td>');
- tempIndex === 2 && tmpl.push('</tr>');
- }
- return '<div id="##" class="edui-cellalignpicker %%">' +
- '<div class="edui-cellalignpicker-body">' +
- '<table onclick="$$._onClick(event);">' +
- tmpl.join('') +
- '</table>' +
- '</div>' +
- '</div>';
- },
- getStateDom: function () {
- return this.target;
- },
- _onClick: function (evt) {
- var target = evt.target || evt.srcElement;
- if (/icon/.test(target.className)) {
- this.items[target.parentNode.getAttribute("index")].onclick();
- Popup.postHide(evt);
- }
- },
- _UIBase_render: UIBase.prototype.render
- };
- utils.inherits(CellAlignPicker, UIBase);
- utils.extend(CellAlignPicker.prototype, Stateful, true);
- })();
- ///import core
- ///import uicore
- (function () {
- var utils = baidu.editor.utils,
- Stateful = baidu.editor.ui.Stateful,
- uiUtils = baidu.editor.ui.uiUtils,
- UIBase = baidu.editor.ui.UIBase;
- var PastePicker = baidu.editor.ui.PastePicker = function (options) {
- this.initOptions(options);
- this.initPastePicker();
- };
- PastePicker.prototype = {
- initPastePicker: function () {
- this.initUIBase();
- this.Stateful_init();
- },
- getHtmlTpl: function () {
- return '<div class="edui-pasteicon" onclick="$$._onClick(this)"></div>' +
- '<div class="edui-pastecontainer">' +
- '<div class="edui-title">' + this.editor.getLang("pasteOpt") + '</div>' +
- '<div class="edui-button">' +
- '<div title="' + this.editor.getLang("pasteSourceFormat") + '" onclick="$$.format(false)" stateful>' +
- '<div class="edui-richtxticon"></div></div>' +
- '<div title="' + this.editor.getLang("tagFormat") + '" onclick="$$.format(2)" stateful>' +
- '<div class="edui-tagicon"></div></div>' +
- '<div title="' + this.editor.getLang("pasteTextFormat") + '" onclick="$$.format(true)" stateful>' +
- '<div class="edui-plaintxticon"></div></div>' +
- '</div>' +
- '</div>' +
- '</div>'
- },
- getStateDom: function () {
- return this.target;
- },
- format: function (param) {
- this.editor.ui._isTransfer = true;
- this.editor.fireEvent('pasteTransfer', param);
- },
- _onClick: function (cur) {
- var node = domUtils.getNextDomNode(cur),
- screenHt = uiUtils.getViewportRect().height,
- subPop = uiUtils.getClientRect(node);
- if ((subPop.top + subPop.height) > screenHt)
- node.style.top = (-subPop.height - cur.offsetHeight) + "px";
- else
- node.style.top = "";
- if (/hidden/ig.test(domUtils.getComputedStyle(node, "visibility"))) {
- node.style.visibility = "visible";
- domUtils.addClass(cur, "edui-state-opened");
- } else {
- node.style.visibility = "hidden";
- domUtils.removeClasses(cur, "edui-state-opened")
- }
- },
- _UIBase_render: UIBase.prototype.render
- };
- utils.inherits(PastePicker, UIBase);
- utils.extend(PastePicker.prototype, Stateful, true);
- })();
- (function () {
- var utils = baidu.editor.utils,
- uiUtils = baidu.editor.ui.uiUtils,
- UIBase = baidu.editor.ui.UIBase,
- Toolbar = baidu.editor.ui.Toolbar = function (options) {
- this.initOptions(options);
- this.initToolbar();
- };
- Toolbar.prototype = {
- items: null,
- initToolbar: function () {
- this.items = this.items || [];
- this.initUIBase();
- },
- add: function (item) {
- this.items.push(item);
- },
- getHtmlTpl: function () {
- var buff = [];
- for (var i = 0; i < this.items.length; i++) {
- buff[i] = this.items[i].renderHtml();
- }
- return '<div id="##" class="edui-toolbar %%" onselectstart="return false;" onmousedown="return $$._onMouseDown(event, this);">' +
- buff.join('') +
- '</div>'
- },
- postRender: function () {
- var box = this.getDom();
- for (var i = 0; i < this.items.length; i++) {
- this.items[i].postRender();
- }
- uiUtils.makeUnselectable(box);
- },
- _onMouseDown: function () {
- return false;
- }
- };
- utils.inherits(Toolbar, UIBase);
- })();
- ///import core
- ///import uicore
- ///import ui\popup.js
- ///import ui\stateful.js
- (function () {
- var utils = baidu.editor.utils,
- domUtils = baidu.editor.dom.domUtils,
- uiUtils = baidu.editor.ui.uiUtils,
- UIBase = baidu.editor.ui.UIBase,
- Popup = baidu.editor.ui.Popup,
- Stateful = baidu.editor.ui.Stateful,
- CellAlignPicker = baidu.editor.ui.CellAlignPicker,
- Menu = baidu.editor.ui.Menu = function (options) {
- this.initOptions(options);
- this.initMenu();
- };
- var menuSeparator = {
- renderHtml: function () {
- return '<div class="edui-menuitem edui-menuseparator"><div class="edui-menuseparator-inner"></div></div>';
- },
- postRender: function () {
- },
- queryAutoHide: function () {
- return true;
- }
- };
- Menu.prototype = {
- items: null,
- uiName: 'menu',
- initMenu: function () {
- this.items = this.items || [];
- this.initPopup();
- this.initItems();
- },
- initItems: function () {
- for (var i = 0; i < this.items.length; i++) {
- var item = this.items[i];
- if (item == '-') {
- this.items[i] = this.getSeparator();
- } else if (!(item instanceof MenuItem)) {
- item.editor = this.editor;
- item.theme = this.editor.options.theme;
- this.items[i] = this.createItem(item);
- }
- }
- },
- getSeparator: function () {
- return menuSeparator;
- },
- createItem: function (item) {
- //新增一个参数menu, 该参数存储了menuItem所对应的menu引用
- item.menu = this;
- return new MenuItem(item);
- },
- _Popup_getContentHtmlTpl: Popup.prototype.getContentHtmlTpl,
- getContentHtmlTpl: function () {
- if (this.items.length == 0) {
- return this._Popup_getContentHtmlTpl();
- }
- var buff = [];
- for (var i = 0; i < this.items.length; i++) {
- var item = this.items[i];
- buff[i] = item.renderHtml();
- }
- return ('<div class="%%-body">' + buff.join('') + '</div>');
- },
- _Popup_postRender: Popup.prototype.postRender,
- postRender: function () {
- var me = this;
- for (var i = 0; i < this.items.length; i++) {
- var item = this.items[i];
- item.ownerMenu = this;
- item.postRender();
- }
- domUtils.on(this.getDom(), 'mouseover', function (evt) {
- evt = evt || event;
- var rel = evt.relatedTarget || evt.fromElement;
- var el = me.getDom();
- if (!uiUtils.contains(el, rel) && el !== rel) {
- me.fireEvent('over');
- }
- });
- this._Popup_postRender();
- },
- queryAutoHide: function (el) {
- if (el) {
- if (uiUtils.contains(this.getDom(), el)) {
- return false;
- }
- for (var i = 0; i < this.items.length; i++) {
- var item = this.items[i];
- if (item.queryAutoHide(el) === false) {
- return false;
- }
- }
- }
- },
- clearItems: function () {
- for (var i = 0; i < this.items.length; i++) {
- var item = this.items[i];
- clearTimeout(item._showingTimer);
- clearTimeout(item._closingTimer);
- if (item.subMenu) {
- item.subMenu.destroy();
- }
- }
- this.items = [];
- },
- destroy: function () {
- if (this.getDom()) {
- domUtils.remove(this.getDom());
- }
- this.clearItems();
- },
- dispose: function () {
- this.destroy();
- }
- };
- utils.inherits(Menu, Popup);
- /**
- * @update 2013/04/03 hancong03 新增一个参数menu, 该参数存储了menuItem所对应的menu引用
- * @type {Function}
- */
- var MenuItem = baidu.editor.ui.MenuItem = function (options) {
- this.initOptions(options);
- this.initUIBase();
- this.Stateful_init();
- if (this.subMenu && !(this.subMenu instanceof Menu)) {
- if (options.className && options.className.indexOf("aligntd") != -1) {
- var me = this;
- //获取单元格对齐初始状态
- this.subMenu.selected = this.editor.queryCommandValue('cellalignment');
- this.subMenu = new Popup({
- content: new CellAlignPicker(this.subMenu),
- parentMenu: me,
- editor: me.editor,
- destroy: function () {
- if (this.getDom()) {
- domUtils.remove(this.getDom());
- }
- }
- });
- this.subMenu.addListener("postRenderAfter", function () {
- domUtils.on(this.getDom(), "mouseover", function () {
- me.addState('opened');
- });
- });
- } else {
- this.subMenu = new Menu(this.subMenu);
- }
- }
- };
- MenuItem.prototype = {
- label: '',
- subMenu: null,
- ownerMenu: null,
- uiName: 'menuitem',
- alwalysHoverable: true,
- getHtmlTpl: function () {
- return '<div id="##" class="%%" stateful onclick="$$._onClick(event, this);">' +
- '<div class="%%-body">' +
- this.renderLabelHtml() +
- '</div>' +
- '</div>';
- },
- postRender: function () {
- var me = this;
- this.addListener('over', function () {
- me.ownerMenu.fireEvent('submenuover', me);
- if (me.subMenu) {
- me.delayShowSubMenu();
- }
- });
- if (this.subMenu) {
- this.getDom().className += ' edui-hassubmenu';
- this.subMenu.render();
- this.addListener('out', function () {
- me.delayHideSubMenu();
- });
- this.subMenu.addListener('over', function () {
- clearTimeout(me._closingTimer);
- me._closingTimer = null;
- me.addState('opened');
- });
- this.ownerMenu.addListener('hide', function () {
- me.hideSubMenu();
- });
- this.ownerMenu.addListener('submenuover', function (t, subMenu) {
- if (subMenu !== me) {
- me.delayHideSubMenu();
- }
- });
- this.subMenu._bakQueryAutoHide = this.subMenu.queryAutoHide;
- this.subMenu.queryAutoHide = function (el) {
- if (el && uiUtils.contains(me.getDom(), el)) {
- return false;
- }
- return this._bakQueryAutoHide(el);
- };
- }
- this.getDom().style.tabIndex = '-1';
- uiUtils.makeUnselectable(this.getDom());
- this.Stateful_postRender();
- },
- delayShowSubMenu: function () {
- var me = this;
- if (!me.isDisabled()) {
- me.addState('opened');
- clearTimeout(me._showingTimer);
- clearTimeout(me._closingTimer);
- me._closingTimer = null;
- me._showingTimer = setTimeout(function () {
- me.showSubMenu();
- }, 250);
- }
- },
- delayHideSubMenu: function () {
- var me = this;
- if (!me.isDisabled()) {
- me.removeState('opened');
- clearTimeout(me._showingTimer);
- if (!me._closingTimer) {
- me._closingTimer = setTimeout(function () {
- if (!me.hasState('opened')) {
- me.hideSubMenu();
- }
- me._closingTimer = null;
- }, 400);
- }
- }
- },
- renderLabelHtml: function () {
- return '<div class="edui-arrow"></div>' +
- '<div class="edui-box edui-icon"></div>' +
- '<div class="edui-box edui-label %%-label">' + (this.label || '') + '</div>';
- },
- getStateDom: function () {
- return this.getDom();
- },
- queryAutoHide: function (el) {
- if (this.subMenu && this.hasState('opened')) {
- return this.subMenu.queryAutoHide(el);
- }
- },
- _onClick: function (event, this_) {
- if (this.hasState('disabled')) return;
- if (this.fireEvent('click', event, this_) !== false) {
- if (this.subMenu) {
- this.showSubMenu();
- } else {
- Popup.postHide(event);
- }
- }
- },
- showSubMenu: function () {
- var rect = uiUtils.getClientRect(this.getDom());
- rect.right -= 5;
- rect.left += 2;
- rect.width -= 7;
- rect.top -= 4;
- rect.bottom += 4;
- rect.height += 8;
- this.subMenu.showAnchorRect(rect, true, true);
- },
- hideSubMenu: function () {
- this.subMenu.hide();
- }
- };
- utils.inherits(MenuItem, UIBase);
- utils.extend(MenuItem.prototype, Stateful, true);
- })();
- ///import core
- ///import uicore
- ///import ui/menu.js
- ///import ui/splitbutton.js
- (function () {
- // todo: menu和item提成通用list
- var utils = baidu.editor.utils,
- uiUtils = baidu.editor.ui.uiUtils,
- Menu = baidu.editor.ui.Menu,
- SplitButton = baidu.editor.ui.SplitButton,
- Combox = baidu.editor.ui.Combox = function (options) {
- this.initOptions(options);
- this.initCombox();
- };
- Combox.prototype = {
- uiName: 'combox',
- initCombox: function () {
- var me = this;
- this.items = this.items || [];
- for (var i = 0; i < this.items.length; i++) {
- var item = this.items[i];
- item.uiName = 'listitem';
- item.index = i;
- item.onclick = function () {
- me.selectByIndex(this.index);
- };
- }
- this.popup = new Menu({
- items: this.items,
- uiName: 'list',
- editor: this.editor,
- captureWheel: true,
- combox: this
- });
- this.initSplitButton();
- },
- _SplitButton_postRender: SplitButton.prototype.postRender,
- postRender: function () {
- this._SplitButton_postRender();
- this.setLabel(this.label || '');
- this.setValue(this.initValue || '');
- },
- showPopup: function () {
- var rect = uiUtils.getClientRect(this.getDom());
- rect.top += 1;
- rect.bottom -= 1;
- rect.height -= 2;
- this.popup.showAnchorRect(rect);
- },
- getValue: function () {
- return this.value;
- },
- setValue: function (value) {
- var index = this.indexByValue(value);
- if (index != -1) {
- this.selectedIndex = index;
- this.setLabel(this.items[index].label);
- this.value = this.items[index].value;
- } else {
- this.selectedIndex = -1;
- this.setLabel(this.getLabelForUnknowValue(value));
- this.value = value;
- }
- },
- setLabel: function (label) {
- this.getDom('button_body').innerHTML = label;
- this.label = label;
- },
- getLabelForUnknowValue: function (value) {
- return value;
- },
- indexByValue: function (value) {
- for (var i = 0; i < this.items.length; i++) {
- if (value == this.items[i].value) {
- return i;
- }
- }
- return -1;
- },
- getItem: function (index) {
- return this.items[index];
- },
- selectByIndex: function (index) {
- if (index < this.items.length && this.fireEvent('select', index) !== false) {
- this.selectedIndex = index;
- this.value = this.items[index].value;
- this.setLabel(this.items[index].label);
- }
- }
- };
- utils.inherits(Combox, SplitButton);
- })();
- ///import core
- ///import uicore
- ///import ui/mask.js
- ///import ui/button.js
- (function () {
- var utils = baidu.editor.utils,
- domUtils = baidu.editor.dom.domUtils,
- uiUtils = baidu.editor.ui.uiUtils,
- Mask = baidu.editor.ui.Mask,
- UIBase = baidu.editor.ui.UIBase,
- Button = baidu.editor.ui.Button,
- Dialog = baidu.editor.ui.Dialog = function (options) {
- this.initOptions(utils.extend({
- autoReset: true,
- draggable: true,
- onok: function () {
- },
- oncancel: function () {
- },
- onclose: function (t, ok) {
- return ok ? this.onok() : this.oncancel();
- },
- //是否控制dialog中的scroll事件, 默认为不阻止
- holdScroll: false
- }, options));
- this.initDialog();
- };
- var modalMask;
- var dragMask;
- Dialog.prototype = {
- draggable: false,
- uiName: 'dialog',
- initDialog: function () {
- var me = this,
- theme = this.editor.options.theme;
- this.initUIBase();
- this.modalMask = (modalMask || (modalMask = new Mask({
- className: 'edui-dialog-modalmask',
- theme: theme
- })));
- this.dragMask = (dragMask || (dragMask = new Mask({
- className: 'edui-dialog-dragmask',
- theme: theme
- })));
- this.closeButton = new Button({
- className: 'edui-dialog-closebutton',
- title: me.closeDialog,
- theme: theme,
- onclick: function () {
- me.close(false);
- }
- });
- if (this.buttons) {
- for (var i = 0; i < this.buttons.length; i++) {
- if (!(this.buttons[i] instanceof Button)) {
- this.buttons[i] = new Button(this.buttons[i]);
- }
- }
- }
- },
- fitSize: function () {
- var popBodyEl = this.getDom('body');
- // if (!(baidu.editor.browser.ie && baidu.editor.browser.version == 7)) {
- // uiUtils.removeStyle(popBodyEl, 'width');
- // uiUtils.removeStyle(popBodyEl, 'height');
- // }
- var size = this.mesureSize();
- popBodyEl.style.width = size.width + 'px';
- popBodyEl.style.height = size.height + 'px';
- return size;
- },
- safeSetOffset: function (offset) {
- var me = this;
- var el = me.getDom();
- var vpRect = uiUtils.getViewportRect();
- var rect = uiUtils.getClientRect(el);
- var left = offset.left;
- if (left + rect.width > vpRect.right) {
- left = vpRect.right - rect.width;
- }
- var top = offset.top;
- if (top + rect.height > vpRect.bottom) {
- top = vpRect.bottom - rect.height;
- }
- el.style.left = Math.max(left, 0) + 'px';
- el.style.top = Math.max(top, 0) + 'px';
- },
- showAtCenter: function () {
- this.getDom().style.display = '';
- var vpRect = uiUtils.getViewportRect();
- var popSize = this.fitSize();
- var titleHeight = this.getDom('titlebar').offsetHeight | 0;
- var left = vpRect.width / 2 - popSize.width / 2;
- var top = vpRect.height / 2 - (popSize.height - titleHeight) / 2 - titleHeight;
- var popEl = this.getDom();
- this.safeSetOffset({
- left: Math.max(left | 0, 0),
- top: Math.max(top | 0, 0)
- });
- if (!domUtils.hasClass(popEl, 'edui-state-centered')) {
- popEl.className += ' edui-state-centered';
- }
- this._show();
- },
- getContentHtml: function () {
- var contentHtml = '';
- if (typeof this.content == 'string') {
- contentHtml = this.content;
- } else if (this.iframeUrl) {
- contentHtml = '<span id="' + this.id + '_contmask" class="dialogcontmask"></span><iframe id="' + this.id +
- '_iframe" class="%%-iframe" height="100%" width="100%" frameborder="0" src="' + this.iframeUrl + '"></iframe>';
- }
- return contentHtml;
- },
- getHtmlTpl: function () {
- var footHtml = '';
- if (this.buttons) {
- var buff = [];
- for (var i = 0; i < this.buttons.length; i++) {
- buff[i] = this.buttons[i].renderHtml();
- }
- footHtml = '<div class="%%-foot">' +
- '<div id="##_buttons" class="%%-buttons">' + buff.join('') + '</div>' +
- '</div>';
- }
- return '<div id="##" class="%%"><div class="%%-wrap"><div id="##_body" class="%%-body">' +
- '<div class="%%-shadow"></div>' +
- '<div id="##_titlebar" class="%%-titlebar">' +
- '<div class="%%-draghandle" onmousedown="$$._onTitlebarMouseDown(event, this);">' +
- '<span class="%%-caption">' + (this.title || '') + '</span>' +
- '</div>' +
- this.closeButton.renderHtml() +
- '</div>' +
- '<div id="##_content" class="%%-content">' + ( this.autoReset ? '' : this.getContentHtml()) + '</div>' +
- footHtml +
- '</div></div></div>';
- },
- postRender: function () {
- // todo: 保持居中/记住上次关闭位置选项
- if (!this.modalMask.getDom()) {
- this.modalMask.render();
- this.modalMask.hide();
- }
- if (!this.dragMask.getDom()) {
- this.dragMask.render();
- this.dragMask.hide();
- }
- var me = this;
- this.addListener('show', function () {
- me.modalMask.show(this.getDom().style.zIndex - 2);
- });
- this.addListener('hide', function () {
- me.modalMask.hide();
- });
- if (this.buttons) {
- for (var i = 0; i < this.buttons.length; i++) {
- this.buttons[i].postRender();
- }
- }
- domUtils.on(window, 'resize', function () {
- setTimeout(function () {
- if (!me.isHidden()) {
- me.safeSetOffset(uiUtils.getClientRect(me.getDom()));
- }
- });
- });
- //hold住scroll事件,防止dialog的滚动影响页面
- if (this.holdScroll) {
- if (!me.iframeUrl) {
- domUtils.on(document.getElementById(me.id + "_iframe"), !browser.gecko ? "mousewheel" : "DOMMouseScroll", function (e) {
- domUtils.preventDefault(e);
- });
- } else {
- me.addListener('dialogafterreset', function () {
- window.setTimeout(function () {
- var iframeWindow = document.getElementById(me.id + "_iframe").contentWindow;
- if (browser.ie) {
- var timer = window.setInterval(function () {
- if (iframeWindow.document && iframeWindow.document.body) {
- window.clearInterval(timer);
- timer = null;
- domUtils.on(iframeWindow.document.body, !browser.gecko ? "mousewheel" : "DOMMouseScroll", function (e) {
- domUtils.preventDefault(e);
- });
- }
- }, 100);
- } else {
- domUtils.on(iframeWindow, !browser.gecko ? "mousewheel" : "DOMMouseScroll", function (e) {
- domUtils.preventDefault(e);
- });
- }
- }, 1);
- });
- }
- }
- this._hide();
- },
- mesureSize: function () {
- var body = this.getDom('body');
- var width = uiUtils.getClientRect(this.getDom('content')).width;
- var dialogBodyStyle = body.style;
- dialogBodyStyle.width = width;
- return uiUtils.getClientRect(body);
- },
- _onTitlebarMouseDown: function (evt, el) {
- if (this.draggable) {
- var rect;
- var vpRect = uiUtils.getViewportRect();
- var me = this;
- uiUtils.startDrag(evt, {
- ondragstart: function () {
- rect = uiUtils.getClientRect(me.getDom());
- me.getDom('contmask').style.visibility = 'visible';
- me.dragMask.show(me.getDom().style.zIndex - 1);
- },
- ondragmove: function (x, y) {
- var left = rect.left + x;
- var top = rect.top + y;
- me.safeSetOffset({
- left: left,
- top: top
- });
- },
- ondragstop: function () {
- me.getDom('contmask').style.visibility = 'hidden';
- domUtils.removeClasses(me.getDom(), ['edui-state-centered']);
- me.dragMask.hide();
- }
- });
- }
- },
- reset: function () {
- this.getDom('content').innerHTML = this.getContentHtml();
- this.fireEvent('dialogafterreset');
- },
- _show: function () {
- if (this._hidden) {
- this.getDom().style.display = '';
- //要高过编辑器的zindxe
- this.editor.container.style.zIndex && (this.getDom().style.zIndex = this.editor.container.style.zIndex * 1 + 10);
- this._hidden = false;
- this.fireEvent('show');
- baidu.editor.ui.uiUtils.getFixedLayer().style.zIndex = this.getDom().style.zIndex - 4;
- }
- },
- isHidden: function () {
- return this._hidden;
- },
- _hide: function () {
- if (!this._hidden) {
- this.getDom().style.display = 'none';
- this.getDom().style.zIndex = '';
- this._hidden = true;
- this.fireEvent('hide');
- }
- },
- open: function () {
- if (this.autoReset) {
- //有可能还没有渲染
- try {
- this.reset();
- } catch (e) {
- this.render();
- this.open()
- }
- }
- this.showAtCenter();
- if (this.iframeUrl) {
- try {
- this.getDom('iframe').focus();
- } catch (ex) {
- }
- }
- },
- _onCloseButtonClick: function (evt, el) {
- this.close(false);
- },
- close: function (ok) {
- if (this.fireEvent('close', ok) !== false) {
- this._hide();
- }
- }
- };
- utils.inherits(Dialog, UIBase);
- })();
- ///import core
- ///import uicore
- ///import ui/menu.js
- ///import ui/splitbutton.js
- (function () {
- var utils = baidu.editor.utils,
- Menu = baidu.editor.ui.Menu,
- SplitButton = baidu.editor.ui.SplitButton,
- MenuButton = baidu.editor.ui.MenuButton = function (options) {
- this.initOptions(options);
- this.initMenuButton();
- };
- MenuButton.prototype = {
- initMenuButton: function () {
- var me = this;
- this.uiName = "menubutton";
- this.popup = new Menu({
- items: me.items,
- className: me.className,
- editor: me.editor
- });
- this.popup.addListener('show', function () {
- var list = this;
- for (var i = 0; i < list.items.length; i++) {
- list.items[i].removeState('checked');
- if (list.items[i].value == me._value) {
- list.items[i].addState('checked');
- this.value = me._value;
- }
- }
- });
- this.initSplitButton();
- },
- setValue: function (value) {
- this._value = value;
- }
- };
- utils.inherits(MenuButton, SplitButton);
- })();
- //ui跟编辑器的适配層
- //那个按钮弹出是dialog,是下拉筐等都是在这个js中配置
- //自己写的ui也要在这里配置,放到baidu.editor.ui下边,当编辑器实例化的时候会根据ueditor.config中的toolbars找到相应的进行实例化
- (function () {
- var utils = baidu.editor.utils;
- var editorui = baidu.editor.ui;
- var _Dialog = editorui.Dialog;
- editorui.buttons = {};
- editorui.Dialog = function (options) {
- var dialog = new _Dialog(options);
- dialog.addListener('hide', function () {
- if (dialog.editor) {
- var editor = dialog.editor;
- try {
- if (browser.gecko) {
- var y = editor.window.scrollY,
- x = editor.window.scrollX;
- editor.body.focus();
- editor.window.scrollTo(x, y);
- } else {
- editor.focus();
- }
- } catch (ex) {
- }
- }
- });
- return dialog;
- };
- var iframeUrlMap = {
- 'anchor': '~/dialogs/anchor/anchor.html',
- 'insertimage': '~/dialogs/image/image.html',
- 'link': '~/dialogs/link/link.html',
- 'spechars': '~/dialogs/spechars/spechars.html',
- 'searchreplace': '~/dialogs/searchreplace/searchreplace.html',
- 'map': '~/dialogs/map/map.html',
- 'gmap': '~/dialogs/gmap/gmap.html',
- 'insertvideo': '~/dialogs/video/video.html',
- 'help': '~/dialogs/help/help.html',
- //'highlightcode':'~/dialogs/highlightcode/highlightcode.html',
- 'emotion': '~/dialogs/emotion/emotion.html',
- 'wordimage': '~/dialogs/wordimage/wordimage.html',
- 'attachment': '~/dialogs/attachment/attachment.html',
- 'insertframe': '~/dialogs/insertframe/insertframe.html',
- 'edittip': '~/dialogs/table/edittip.html',
- 'edittable': '~/dialogs/table/edittable.html',
- 'edittd': '~/dialogs/table/edittd.html',
- 'webapp': '~/dialogs/webapp/webapp.html',
- 'snapscreen': '~/dialogs/snapscreen/snapscreen.html',
- 'scrawl': '~/dialogs/scrawl/scrawl.html',
- 'music': '~/dialogs/music/music.html',
- 'template': '~/dialogs/template/template.html',
- 'background': '~/dialogs/background/background.html'
- };
- //为工具栏添加按钮,以下都是统一的按钮触发命令,所以写在一起
- var btnCmds = ['undo', 'redo', 'formatmatch',
- 'bold', 'italic', 'underline', 'fontborder', 'touppercase', 'tolowercase',
- 'strikethrough', 'subscript', 'superscript', 'source', 'indent', 'outdent',
- 'blockquote', 'pasteplain', 'pagebreak',
- 'selectall', 'print', 'preview', 'horizontal', 'removeformat', 'time', 'date', 'unlink',
- 'insertparagraphbeforetable', 'insertrow', 'insertcol', 'mergeright', 'mergedown', 'deleterow',
- 'deletecol', 'splittorows', 'splittocols', 'splittocells', 'mergecells', 'deletetable'];
- for (var i = 0, ci; ci = btnCmds[i++];) {
- ci = ci.toLowerCase();
- editorui[ci] = function (cmd) {
- return function (editor) {
- var ui = new editorui.Button({
- className: 'edui-for-' + cmd,
- title: editor.options.labelMap[cmd] || editor.getLang("labelMap." + cmd) || '',
- onclick: function () {
- editor.execCommand(cmd);
- },
- theme: editor.options.theme,
- showText: false
- });
- editorui.buttons[cmd] = ui;
- editor.addListener('selectionchange', function (type, causeByUi, uiReady) {
- var state = editor.queryCommandState(cmd);
- if (state == -1) {
- ui.setDisabled(true);
- ui.setChecked(false);
- } else {
- if (!uiReady) {
- ui.setDisabled(false);
- ui.setChecked(state);
- }
- }
- });
- return ui;
- };
- }(ci);
- }
- //清除文档
- editorui.cleardoc = function (editor) {
- var ui = new editorui.Button({
- className: 'edui-for-cleardoc',
- title: editor.options.labelMap.cleardoc || editor.getLang("labelMap.cleardoc") || '',
- theme: editor.options.theme,
- onclick: function () {
- if (confirm(editor.getLang("confirmClear"))) {
- editor.execCommand('cleardoc');
- }
- }
- });
- editorui.buttons["cleardoc"] = ui;
- editor.addListener('selectionchange', function () {
- ui.setDisabled(editor.queryCommandState('cleardoc') == -1);
- });
- return ui;
- };
- //排版,图片排版,文字方向
- var typeset = {
- 'justify': ['left', 'right', 'center', 'justify'],
- 'imagefloat': ['none', 'left', 'center', 'right'],
- 'directionality': ['ltr', 'rtl']
- };
- for (var p in typeset) {
- (function (cmd, val) {
- for (var i = 0, ci; ci = val[i++];) {
- (function (cmd2) {
- editorui[cmd.replace('float', '') + cmd2] = function (editor) {
- var ui = new editorui.Button({
- className: 'edui-for-' + cmd.replace('float', '') + cmd2,
- title: editor.options.labelMap[cmd.replace('float', '') + cmd2] || editor.getLang("labelMap." + cmd.replace('float', '') + cmd2) || '',
- theme: editor.options.theme,
- onclick: function () {
- editor.execCommand(cmd, cmd2);
- }
- });
- editorui.buttons[cmd] = ui;
- editor.addListener('selectionchange', function (type, causeByUi, uiReady) {
- ui.setDisabled(editor.queryCommandState(cmd) == -1);
- ui.setChecked(editor.queryCommandValue(cmd) == cmd2 && !uiReady);
- });
- return ui;
- };
- })(ci)
- }
- })(p, typeset[p])
- }
- //字体颜色和背景颜色
- for (var i = 0, ci; ci = ['backcolor', 'forecolor'][i++];) {
- editorui[ci] = function (cmd) {
- return function (editor) {
- var ui = new editorui.ColorButton({
- className: 'edui-for-' + cmd,
- color: 'default',
- title: editor.options.labelMap[cmd] || editor.getLang("labelMap." + cmd) || '',
- editor: editor,
- onpickcolor: function (t, color) {
- editor.execCommand(cmd, color);
- },
- onpicknocolor: function () {
- editor.execCommand(cmd, 'default');
- this.setColor('transparent');
- this.color = 'default';
- },
- onbuttonclick: function () {
- editor.execCommand(cmd, this.color);
- }
- });
- editorui.buttons[cmd] = ui;
- editor.addListener('selectionchange', function () {
- ui.setDisabled(editor.queryCommandState(cmd) == -1);
- });
- return ui;
- };
- }(ci);
- }
- var dialogBtns = {
- noOk: ['searchreplace', 'help', 'spechars', 'webapp'],
- ok: ['attachment', 'anchor', 'link', 'insertimage', 'map', 'gmap', 'insertframe', 'wordimage',
- 'insertvideo', 'insertframe', 'edittip', 'edittable', 'edittd', 'scrawl', 'template', 'music', 'background']
- };
- for (var p in dialogBtns) {
- (function (type, vals) {
- for (var i = 0, ci; ci = vals[i++];) {
- //todo opera下存在问题
- if (browser.opera && ci === "searchreplace") {
- continue;
- }
- (function (cmd) {
- editorui[cmd] = function (editor, iframeUrl, title) {
- iframeUrl = iframeUrl || (editor.options.iframeUrlMap || {})[cmd] || iframeUrlMap[cmd];
- title = editor.options.labelMap[cmd] || editor.getLang("labelMap." + cmd) || '';
- var dialog;
- //没有iframeUrl不创建dialog
- if (iframeUrl) {
- dialog = new editorui.Dialog(utils.extend({
- iframeUrl: editor.ui.mapUrl(iframeUrl),
- editor: editor,
- className: 'edui-for-' + cmd,
- title: title,
- holdScroll: cmd === 'insertimage',
- closeDialog: editor.getLang("closeDialog")
- }, type == 'ok' ? {
- buttons: [
- {
- className: 'edui-okbutton',
- label: editor.getLang("ok"),
- editor: editor,
- onclick: function () {
- dialog.close(true);
- }
- },
- {
- className: 'edui-cancelbutton',
- label: editor.getLang("cancel"),
- editor: editor,
- onclick: function () {
- dialog.close(false);
- }
- }
- ]
- } : {}));
- editor.ui._dialogs[cmd + "Dialog"] = dialog;
- }
- var ui = new editorui.Button({
- className: 'edui-for-' + cmd,
- title: title,
- onclick: function () {
- if (dialog) {
- switch (cmd) {
- case "wordimage":
- editor.execCommand("wordimage", "word_img");
- if (editor.word_img) {
- dialog.render();
- dialog.open();
- }
- break;
- case "scrawl":
- if (editor.queryCommandState("scrawl") != -1) {
- dialog.render();
- dialog.open();
- }
- break;
- default:
- dialog.render();
- dialog.open();
- }
- }
- },
- theme: editor.options.theme,
- disabled: cmd == 'scrawl' && editor.queryCommandState("scrawl") == -1
- });
- editorui.buttons[cmd] = ui;
- editor.addListener('selectionchange', function () {
- //只存在于右键菜单而无工具栏按钮的ui不需要检测状态
- var unNeedCheckState = {'edittable': 1};
- if (cmd in unNeedCheckState)return;
- var state = editor.queryCommandState(cmd);
- if (ui.getDom()) {
- ui.setDisabled(state == -1);
- ui.setChecked(state);
- }
- });
- return ui;
- };
- })(ci.toLowerCase())
- }
- })(p, dialogBtns[p])
- }
- editorui.snapscreen = function (editor, iframeUrl, title) {
- title = editor.options.labelMap['snapscreen'] || editor.getLang("labelMap.snapscreen") || '';
- var ui = new editorui.Button({
- className: 'edui-for-snapscreen',
- title: title,
- onclick: function () {
- editor.execCommand("snapscreen");
- },
- theme: editor.options.theme
- });
- editorui.buttons['snapscreen'] = ui;
- iframeUrl = iframeUrl || (editor.options.iframeUrlMap || {})["snapscreen"] || iframeUrlMap["snapscreen"];
- if (iframeUrl) {
- var dialog = new editorui.Dialog({
- iframeUrl: editor.ui.mapUrl(iframeUrl),
- editor: editor,
- className: 'edui-for-snapscreen',
- title: title,
- buttons: [
- {
- className: 'edui-okbutton',
- label: editor.getLang("ok"),
- editor: editor,
- onclick: function () {
- dialog.close(true);
- }
- },
- {
- className: 'edui-cancelbutton',
- label: editor.getLang("cancel"),
- editor: editor,
- onclick: function () {
- dialog.close(false);
- }
- }
- ]
- });
- dialog.render();
- editor.ui._dialogs["snapscreenDialog"] = dialog;
- }
- editor.addListener('selectionchange', function () {
- ui.setDisabled(editor.queryCommandState('snapscreen') == -1);
- });
- return ui;
- };
- editorui.insertcode = function (editor, list, title) {
- list = editor.options['insertcode'] || [];
- title = editor.options.labelMap['insertcode'] || editor.getLang("labelMap.insertcode") || '';
- // if (!list.length) return;
- var items = [];
- utils.each(list, function (key, val) {
- items.push({
- label: key,
- value: val,
- theme: editor.options.theme,
- renderLabelHtml: function () {
- return '<div class="edui-label %%-label" >' + (this.label || '') + '</div>';
- }
- });
- });
- var ui = new editorui.Combox({
- editor: editor,
- items: items,
- onselect: function (t, index) {
- editor.execCommand('insertcode', this.items[index].value);
- },
- onbuttonclick: function () {
- this.showPopup();
- },
- title: title,
- initValue: title,
- className: 'edui-for-insertcode',
- indexByValue: function (value) {
- if (value) {
- for (var i = 0, ci; ci = this.items[i]; i++) {
- if (ci.value.indexOf(value) != -1)
- return i;
- }
- }
- return -1;
- }
- });
- editorui.buttons['insertcode'] = ui;
- editor.addListener('selectionchange', function (type, causeByUi, uiReady) {
- if (!uiReady) {
- var state = editor.queryCommandState('insertcode');
- if (state == -1) {
- ui.setDisabled(true);
- } else {
- ui.setDisabled(false);
- var value = editor.queryCommandValue('insertcode');
- if (!value) {
- ui.setValue(title);
- return;
- }
- //trace:1871 ie下从源码模式切换回来时,字体会带单引号,而且会有逗号
- value && (value = value.replace(/['"]/g, '').split(',')[0]);
- ui.setValue(value);
- }
- }
- });
- return ui;
- };
- editorui.fontfamily = function (editor, list, title) {
- list = editor.options['fontfamily'] || [];
- title = editor.options.labelMap['fontfamily'] || editor.getLang("labelMap.fontfamily") || '';
- if (!list.length) return;
- for (var i = 0, ci, items = []; ci = list[i]; i++) {
- var langLabel = editor.getLang('fontfamily')[ci.name] || "";
- (function (key, val) {
- items.push({
- label: key,
- value: val,
- theme: editor.options.theme,
- renderLabelHtml: function () {
- return '<div class="edui-label %%-label" style="font-family:' +
- utils.unhtml(this.value) + '">' + (this.label || '') + '</div>';
- }
- });
- })(ci.label || langLabel, ci.val)
- }
- var ui = new editorui.Combox({
- editor: editor,
- items: items,
- onselect: function (t, index) {
- editor.execCommand('FontFamily', this.items[index].value);
- },
- onbuttonclick: function () {
- this.showPopup();
- },
- title: title,
- initValue: title,
- className: 'edui-for-fontfamily',
- indexByValue: function (value) {
- if (value) {
- for (var i = 0, ci; ci = this.items[i]; i++) {
- if (ci.value.indexOf(value) != -1)
- return i;
- }
- }
- return -1;
- }
- });
- editorui.buttons['fontfamily'] = ui;
- editor.addListener('selectionchange', function (type, causeByUi, uiReady) {
- if (!uiReady) {
- var state = editor.queryCommandState('FontFamily');
- if (state == -1) {
- ui.setDisabled(true);
- } else {
- ui.setDisabled(false);
- var value = editor.queryCommandValue('FontFamily');
- //trace:1871 ie下从源码模式切换回来时,字体会带单引号,而且会有逗号
- value && (value = value.replace(/['"]/g, '').split(',')[0]);
- ui.setValue(value);
- }
- }
- });
- return ui;
- };
- editorui.fontsize = function (editor, list, title) {
- title = editor.options.labelMap['fontsize'] || editor.getLang("labelMap.fontsize") || '';
- list = list || editor.options['fontsize'] || [];
- if (!list.length) return;
- var items = [];
- for (var i = 0; i < list.length; i++) {
- var size = list[i] + 'px';
- items.push({
- label: size,
- value: size,
- theme: editor.options.theme,
- renderLabelHtml: function () {
- return '<div class="edui-label %%-label" style="line-height:1;font-size:' +
- this.value + '">' + (this.label || '') + '</div>';
- }
- });
- }
- var ui = new editorui.Combox({
- editor: editor,
- items: items,
- title: title,
- initValue: title,
- onselect: function (t, index) {
- editor.execCommand('FontSize', this.items[index].value);
- },
- onbuttonclick: function () {
- this.showPopup();
- },
- className: 'edui-for-fontsize'
- });
- editorui.buttons['fontsize'] = ui;
- editor.addListener('selectionchange', function (type, causeByUi, uiReady) {
- if (!uiReady) {
- var state = editor.queryCommandState('FontSize');
- if (state == -1) {
- ui.setDisabled(true);
- } else {
- ui.setDisabled(false);
- ui.setValue(editor.queryCommandValue('FontSize'));
- }
- }
- });
- return ui;
- };
- editorui.paragraph = function (editor, list, title) {
- title = editor.options.labelMap['paragraph'] || editor.getLang("labelMap.paragraph") || '';
- list = editor.options['paragraph'] || [];
- if (utils.isEmptyObject(list)) return;
- var items = [];
- for (var i in list) {
- items.push({
- value: i,
- label: list[i] || editor.getLang("paragraph")[i],
- theme: editor.options.theme,
- renderLabelHtml: function () {
- return '<div class="edui-label %%-label"><span class="edui-for-' + this.value + '">' + (this.label || '') + '</span></div>';
- }
- })
- }
- var ui = new editorui.Combox({
- editor: editor,
- items: items,
- title: title,
- initValue: title,
- className: 'edui-for-paragraph',
- onselect: function (t, index) {
- editor.execCommand('Paragraph', this.items[index].value);
- },
- onbuttonclick: function () {
- this.showPopup();
- }
- });
- editorui.buttons['paragraph'] = ui;
- editor.addListener('selectionchange', function (type, causeByUi, uiReady) {
- if (!uiReady) {
- var state = editor.queryCommandState('Paragraph');
- if (state == -1) {
- ui.setDisabled(true);
- } else {
- ui.setDisabled(false);
- var value = editor.queryCommandValue('Paragraph');
- var index = ui.indexByValue(value);
- if (index != -1) {
- ui.setValue(value);
- } else {
- ui.setValue(ui.initValue);
- }
- }
- }
- });
- return ui;
- };
- //自定义标题
- editorui.customstyle = function (editor) {
- var list = editor.options['customstyle'] || [],
- title = editor.options.labelMap['customstyle'] || editor.getLang("labelMap.customstyle") || '';
- if (!list.length)return;
- var langCs = editor.getLang('customstyle');
- for (var i = 0, items = [], t; t = list[i++];) {
- (function (t) {
- var ck = {};
- ck.label = t.label ? t.label : langCs[t.name];
- ck.style = t.style;
- ck.className = t.className;
- ck.tag = t.tag;
- items.push({
- label: ck.label,
- value: ck,
- theme: editor.options.theme,
- renderLabelHtml: function () {
- return '<div class="edui-label %%-label">' + '<' + ck.tag + ' ' + (ck.className ? ' class="' + ck.className + '"' : "")
- + (ck.style ? ' style="' + ck.style + '"' : "") + '>' + ck.label + "<\/" + ck.tag + ">"
- + '</div>';
- }
- });
- })(t);
- }
- var ui = new editorui.Combox({
- editor: editor,
- items: items,
- title: title,
- initValue: title,
- className: 'edui-for-customstyle',
- onselect: function (t, index) {
- editor.execCommand('customstyle', this.items[index].value);
- },
- onbuttonclick: function () {
- this.showPopup();
- },
- indexByValue: function (value) {
- for (var i = 0, ti; ti = this.items[i++];) {
- if (ti.label == value) {
- return i - 1
- }
- }
- return -1;
- }
- });
- editorui.buttons['customstyle'] = ui;
- editor.addListener('selectionchange', function (type, causeByUi, uiReady) {
- if (!uiReady) {
- var state = editor.queryCommandState('customstyle');
- if (state == -1) {
- ui.setDisabled(true);
- } else {
- ui.setDisabled(false);
- var value = editor.queryCommandValue('customstyle');
- var index = ui.indexByValue(value);
- if (index != -1) {
- ui.setValue(value);
- } else {
- ui.setValue(ui.initValue);
- }
- }
- }
- });
- return ui;
- };
- editorui.inserttable = function (editor, iframeUrl, title) {
- title = editor.options.labelMap['inserttable'] || editor.getLang("labelMap.inserttable") || '';
- var ui = new editorui.TableButton({
- editor: editor,
- title: title,
- className: 'edui-for-inserttable',
- onpicktable: function (t, numCols, numRows) {
- editor.execCommand('InsertTable', {numRows: numRows, numCols: numCols, border: 1});
- },
- onbuttonclick: function () {
- this.showPopup();
- }
- });
- editorui.buttons['inserttable'] = ui;
- editor.addListener('selectionchange', function () {
- ui.setDisabled(editor.queryCommandState('inserttable') == -1);
- });
- return ui;
- };
- editorui.lineheight = function (editor) {
- var val = editor.options.lineheight || [];
- if (!val.length)return;
- for (var i = 0, ci, items = []; ci = val[i++];) {
- items.push({
- //todo:写死了
- label: ci,
- value: ci,
- theme: editor.options.theme,
- onclick: function () {
- editor.execCommand("lineheight", this.value);
- }
- })
- }
- var ui = new editorui.MenuButton({
- editor: editor,
- className: 'edui-for-lineheight',
- title: editor.options.labelMap['lineheight'] || editor.getLang("labelMap.lineheight") || '',
- items: items,
- onbuttonclick: function () {
- var value = editor.queryCommandValue('LineHeight') || this.value;
- editor.execCommand("LineHeight", value);
- }
- });
- editorui.buttons['lineheight'] = ui;
- editor.addListener('selectionchange', function () {
- var state = editor.queryCommandState('LineHeight');
- if (state == -1) {
- ui.setDisabled(true);
- } else {
- ui.setDisabled(false);
- var value = editor.queryCommandValue('LineHeight');
- value && ui.setValue((value + '').replace(/cm/, ''));
- ui.setChecked(state)
- }
- });
- return ui;
- };
- var rowspacings = ['top', 'bottom'];
- for (var r = 0, ri; ri = rowspacings[r++];) {
- (function (cmd) {
- editorui['rowspacing' + cmd] = function (editor) {
- var val = editor.options['rowspacing' + cmd] || [];
- if (!val.length) return null;
- for (var i = 0, ci, items = []; ci = val[i++];) {
- items.push({
- label: ci,
- value: ci,
- theme: editor.options.theme,
- onclick: function () {
- editor.execCommand("rowspacing", this.value, cmd);
- }
- })
- }
- var ui = new editorui.MenuButton({
- editor: editor,
- className: 'edui-for-rowspacing' + cmd,
- title: editor.options.labelMap['rowspacing' + cmd] || editor.getLang("labelMap.rowspacing" + cmd) || '',
- items: items,
- onbuttonclick: function () {
- var value = editor.queryCommandValue('rowspacing', cmd) || this.value;
- editor.execCommand("rowspacing", value, cmd);
- }
- });
- editorui.buttons[cmd] = ui;
- editor.addListener('selectionchange', function () {
- var state = editor.queryCommandState('rowspacing', cmd);
- if (state == -1) {
- ui.setDisabled(true);
- } else {
- ui.setDisabled(false);
- var value = editor.queryCommandValue('rowspacing', cmd);
- value && ui.setValue((value + '').replace(/%/, ''));
- ui.setChecked(state)
- }
- });
- return ui;
- }
- })(ri)
- }
- //有序,无序列表
- var lists = ['insertorderedlist', 'insertunorderedlist'];
- for (var l = 0, cl; cl = lists[l++];) {
- (function (cmd) {
- editorui[cmd] = function (editor) {
- var vals = editor.options[cmd],
- _onMenuClick = function () {
- editor.execCommand(cmd, this.value);
- }, items = [];
- for (var i in vals) {
- items.push({
- label: vals[i] || editor.getLang()[cmd][i] || "",
- value: i,
- theme: editor.options.theme,
- onclick: _onMenuClick
- })
- }
- var ui = new editorui.MenuButton({
- editor: editor,
- className: 'edui-for-' + cmd,
- title: editor.getLang("labelMap." + cmd) || '',
- 'items': items,
- onbuttonclick: function () {
- var value = editor.queryCommandValue(cmd) || this.value;
- editor.execCommand(cmd, value);
- }
- });
- editorui.buttons[cmd] = ui;
- editor.addListener('selectionchange', function () {
- var state = editor.queryCommandState(cmd);
- if (state == -1) {
- ui.setDisabled(true);
- } else {
- ui.setDisabled(false);
- var value = editor.queryCommandValue(cmd);
- ui.setValue(value);
- ui.setChecked(state)
- }
- });
- return ui;
- };
- })(cl)
- }
- editorui.fullscreen = function (editor, title) {
- title = editor.options.labelMap['fullscreen'] || editor.getLang("labelMap.fullscreen") || '';
- var ui = new editorui.Button({
- className: 'edui-for-fullscreen',
- title: title,
- theme: editor.options.theme,
- onclick: function () {
- if (editor.ui) {
- editor.ui.setFullScreen(!editor.ui.isFullScreen());
- }
- this.setChecked(editor.ui.isFullScreen());
- }
- });
- editorui.buttons['fullscreen'] = ui;
- editor.addListener('selectionchange', function () {
- var state = editor.queryCommandState('fullscreen');
- ui.setDisabled(state == -1);
- ui.setChecked(editor.ui.isFullScreen());
- });
- return ui;
- };
- // 表情
- editorui["emotion"] = function (editor, iframeUrl) {
- var cmd = "emotion";
- var ui = new editorui.MultiMenuPop({
- title: editor.options.labelMap[cmd] || editor.getLang("labelMap." + cmd + "") || '',
- editor: editor,
- className: 'edui-for-' + cmd,
- iframeUrl: editor.ui.mapUrl(iframeUrl || (editor.options.iframeUrlMap || {})[cmd] || iframeUrlMap[cmd])
- });
- editorui.buttons[cmd] = ui;
- editor.addListener('selectionchange', function () {
- ui.setDisabled(editor.queryCommandState(cmd) == -1)
- });
- return ui;
- };
- editorui.autotypeset = function (editor) {
- var ui = new editorui.AutoTypeSetButton({
- editor: editor,
- title: editor.options.labelMap['autotypeset'] || editor.getLang("labelMap.autotypeset") || '',
- className: 'edui-for-autotypeset',
- onbuttonclick: function () {
- editor.execCommand('autotypeset')
- }
- });
- editorui.buttons['autotypeset'] = ui;
- editor.addListener('selectionchange', function () {
- ui.setDisabled(editor.queryCommandState('autotypeset') == -1);
- });
- return ui;
- };
- })();
- ///import core
- ///commands 全屏
- ///commandsName FullScreen
- ///commandsTitle 全屏
- (function () {
- var utils = baidu.editor.utils,
- uiUtils = baidu.editor.ui.uiUtils,
- UIBase = baidu.editor.ui.UIBase,
- domUtils = baidu.editor.dom.domUtils;
- var nodeStack = [];
- function EditorUI(options) {
- this.initOptions(options);
- this.initEditorUI();
- }
- EditorUI.prototype = {
- uiName: 'editor',
- initEditorUI: function () {
- this.editor.ui = this;
- this._dialogs = {};
- this.initUIBase();
- this._initToolbars();
- var editor = this.editor,
- me = this;
- editor.addListener('ready', function () {
- //提供getDialog方法
- editor.getDialog = function (name) {
- return editor.ui._dialogs[name + "Dialog"];
- };
- domUtils.on(editor.window, 'scroll', function (evt) {
- baidu.editor.ui.Popup.postHide(evt);
- });
- //提供编辑器实时宽高(全屏时宽高不变化)
- editor.ui._actualFrameWidth = editor.options.initialFrameWidth;
- //display bottom-bar label based on config
- if (editor.options.elementPathEnabled) {
- editor.ui.getDom('elementpath').innerHTML = '<div class="edui-editor-breadcrumb">' + editor.getLang("elementPathTip") + ':</div>';
- }
- if (editor.options.wordCount) {
- function countFn() {
- setCount(editor, me);
- domUtils.un(editor.document, "click", arguments.callee);
- }
- domUtils.on(editor.document, "click", countFn);
- editor.ui.getDom('wordcount').innerHTML = editor.getLang("wordCountTip");
- }
- editor.ui._scale();
- if (editor.options.scaleEnabled) {
- if (editor.autoHeightEnabled) {
- editor.disableAutoHeight();
- }
- me.enableScale();
- } else {
- me.disableScale();
- }
- if (!editor.options.elementPathEnabled && !editor.options.wordCount && !editor.options.scaleEnabled) {
- editor.ui.getDom('elementpath').style.display = "none";
- editor.ui.getDom('wordcount').style.display = "none";
- editor.ui.getDom('scale').style.display = "none";
- }
- if (!editor.selection.isFocus())return;
- editor.fireEvent('selectionchange', false, true);
- });
- editor.addListener('mousedown', function (t, evt) {
- var el = evt.target || evt.srcElement;
- baidu.editor.ui.Popup.postHide(evt, el);
- baidu.editor.ui.ShortCutMenu.postHide(evt);
- });
- editor.addListener("delcells", function () {
- if (UE.ui['edittip']) {
- new UE.ui['edittip'](editor);
- }
- editor.getDialog('edittip').open();
- });
- var pastePop, isPaste = false, timer;
- editor.addListener("afterpaste", function () {
- if (editor.queryCommandState('pasteplain'))
- return;
- if (baidu.editor.ui.PastePicker) {
- pastePop = new baidu.editor.ui.Popup({
- content: new baidu.editor.ui.PastePicker({editor: editor}),
- editor: editor,
- className: 'edui-wordpastepop'
- });
- pastePop.render();
- }
- isPaste = true;
- });
- editor.addListener("afterinserthtml", function () {
- clearTimeout(timer);
- timer = setTimeout(function () {
- if (pastePop && (isPaste || editor.ui._isTransfer)) {
- if (pastePop.isHidden()) {
- var span = domUtils.createElement(editor.document, 'span', {
- 'style': "line-height:0px;",
- 'innerHTML': '\ufeff'
- }),
- range = editor.selection.getRange();
- range.insertNode(span);
- var tmp = getDomNode(span, 'firstChild', 'previousSibling');
- pastePop.showAnchor(tmp.nodeType == 3 ? tmp.parentNode : tmp);
- domUtils.remove(span);
- } else {
- pastePop.show();
- }
- delete editor.ui._isTransfer;
- isPaste = false;
- }
- }, 200)
- });
- editor.addListener('contextmenu', function (t, evt) {
- baidu.editor.ui.Popup.postHide(evt);
- });
- editor.addListener('keydown', function (t, evt) {
- if (pastePop) pastePop.dispose(evt);
- var keyCode = evt.keyCode || evt.which;
- if (evt.altKey && keyCode == 90) {
- UE.ui.buttons['fullscreen'].onclick();
- }
- });
- editor.addListener('wordcount', function (type) {
- setCount(this, me);
- });
- function setCount(editor, ui) {
- editor.setOpt({
- wordCount: true,
- maximumWords: 10000,
- wordCountMsg: editor.options.wordCountMsg || editor.getLang("wordCountMsg"),
- wordOverFlowMsg: editor.options.wordOverFlowMsg || editor.getLang("wordOverFlowMsg")
- });
- var opt = editor.options,
- max = opt.maximumWords,
- msg = opt.wordCountMsg ,
- errMsg = opt.wordOverFlowMsg,
- countDom = ui.getDom('wordcount');
- if (!opt.wordCount) {
- return;
- }
- var count = editor.getContentLength(true);
- if (count > max) {
- countDom.innerHTML = errMsg;
- editor.fireEvent("wordcountoverflow");
- } else {
- countDom.innerHTML = msg.replace("{#leave}", max - count).replace("{#count}", count);
- }
- }
- editor.addListener('selectionchange', function () {
- if (editor.options.elementPathEnabled) {
- me[(editor.queryCommandState('elementpath') == -1 ? 'dis' : 'en') + 'ableElementPath']()
- }
- if (editor.options.scaleEnabled) {
- me[(editor.queryCommandState('scale') == -1 ? 'dis' : 'en') + 'ableScale']();
- }
- });
- var popup = new baidu.editor.ui.Popup({
- editor: editor,
- content: '',
- className: 'edui-bubble',
- _onEditButtonClick: function () {
- this.hide();
- editor.ui._dialogs.linkDialog.open();
- },
- _onImgEditButtonClick: function (name) {
- this.hide();
- editor.ui._dialogs[name] && editor.ui._dialogs[name].open();
- },
- _onImgSetFloat: function (value) {
- this.hide();
- editor.execCommand("imagefloat", value);
- },
- _setIframeAlign: function (value) {
- var frame = popup.anchorEl;
- var newFrame = frame.cloneNode(true);
- switch (value) {
- case -2:
- newFrame.setAttribute("align", "");
- break;
- case -1:
- newFrame.setAttribute("align", "left");
- break;
- case 1:
- newFrame.setAttribute("align", "right");
- break;
- }
- frame.parentNode.insertBefore(newFrame, frame);
- domUtils.remove(frame);
- popup.anchorEl = newFrame;
- popup.showAnchor(popup.anchorEl);
- },
- _updateIframe: function () {
- editor._iframe = popup.anchorEl;
- editor.ui._dialogs.insertframeDialog.open();
- popup.hide();
- },
- _onRemoveButtonClick: function (cmdName) {
- editor.execCommand(cmdName);
- this.hide();
- },
- queryAutoHide: function (el) {
- if (el && el.ownerDocument == editor.document) {
- if (el.tagName.toLowerCase() == 'img' || domUtils.findParentByTagName(el, 'a', true)) {
- return el !== popup.anchorEl;
- }
- }
- return baidu.editor.ui.Popup.prototype.queryAutoHide.call(this, el);
- }
- });
- popup.render();
- if (editor.options.imagePopup) {
- editor.addListener('mouseover', function (t, evt) {
- evt = evt || window.event;
- var el = evt.target || evt.srcElement;
- if (editor.ui._dialogs.insertframeDialog && /iframe/ig.test(el.tagName)) {
- var html = popup.formatHtml(
- '<nobr>' + editor.getLang("property") + ': <span onclick=$$._setIframeAlign(-2) class="edui-clickable">' + editor.getLang("default") + '</span> <span onclick=$$._setIframeAlign(-1) class="edui-clickable">' + editor.getLang("justifyleft") + '</span> <span onclick=$$._setIframeAlign(1) class="edui-clickable">' + editor.getLang("justifyright") + '</span> ' +
- ' <span onclick="$$._updateIframe( this);" class="edui-clickable">' + editor.getLang("modify") + '</span></nobr>');
- if (html) {
- popup.getDom('content').innerHTML = html;
- popup.anchorEl = el;
- popup.showAnchor(popup.anchorEl);
- } else {
- popup.hide();
- }
- }
- });
- editor.addListener('selectionchange', function (t, causeByUi) {
- if (!causeByUi) return;
- var html = '', str = "",
- img = editor.selection.getRange().getClosedNode(),
- dialogs = editor.ui._dialogs;
- if (img && img.tagName == 'IMG') {
- var dialogName = 'insertimageDialog';
- if (img.className.indexOf("edui-faked-video") != -1) {
- dialogName = "insertvideoDialog"
- }
- if (img.className.indexOf("edui-faked-webapp") != -1) {
- dialogName = "webappDialog"
- }
- if (img.src.indexOf("http://api.map.baidu.com") != -1) {
- dialogName = "mapDialog"
- }
- if (img.className.indexOf("edui-faked-music") != -1) {
- dialogName = "musicDialog"
- }
- if (img.src.indexOf("http://maps.google.com/maps/api/staticmap") != -1) {
- dialogName = "gmapDialog"
- }
- if (img.getAttribute("anchorname")) {
- dialogName = "anchorDialog";
- html = popup.formatHtml(
- '<nobr>' + editor.getLang("property") + ': <span onclick=$$._onImgEditButtonClick("anchorDialog") class="edui-clickable">' + editor.getLang("modify") + '</span> ' +
- '<span onclick=$$._onRemoveButtonClick(\'anchor\') class="edui-clickable">' + editor.getLang("delete") + '</span></nobr>');
- }
- if (img.getAttribute("word_img")) {
- //todo 放到dialog去做查询
- editor.word_img = [img.getAttribute("word_img")];
- dialogName = "wordimageDialog"
- }
- if (!dialogs[dialogName]) {
- return;
- }
- str = '<nobr>' + editor.getLang("property") + ': ' +
- '<span onclick=$$._onImgSetFloat("none") class="edui-clickable">' + editor.getLang("default") + '</span> ' +
- '<span onclick=$$._onImgSetFloat("left") class="edui-clickable">' + editor.getLang("justifyleft") + '</span> ' +
- '<span onclick=$$._onImgSetFloat("right") class="edui-clickable">' + editor.getLang("justifyright") + '</span> ' +
- '<span onclick=$$._onImgSetFloat("center") class="edui-clickable">' + editor.getLang("justifycenter") + '</span> ' +
- '<span onclick="$$._onImgEditButtonClick(\'' + dialogName + '\');" class="edui-clickable">' + editor.getLang("modify") + '</span></nobr>';
- !html && (html = popup.formatHtml(str))
- }
- if (editor.ui._dialogs.linkDialog) {
- var link = editor.queryCommandValue('link');
- var url;
- if (link && (url = (link.getAttribute('_href') || link.getAttribute('href', 2)))) {
- var txt = url;
- if (url.length > 30) {
- txt = url.substring(0, 20) + "...";
- }
- if (html) {
- html += '<div style="height:5px;"></div>'
- }
- html += popup.formatHtml(
- '<nobr>' + editor.getLang("anthorMsg") + ': <a target="_blank" href="' + url + '" title="' + url + '" >' + txt + '</a>' +
- ' <span class="edui-clickable" onclick="$$._onEditButtonClick();">' + editor.getLang("modify") + '</span>' +
- ' <span class="edui-clickable" onclick="$$._onRemoveButtonClick(\'unlink\');"> ' + editor.getLang("clear") + '</span></nobr>');
- popup.showAnchor(link);
- }
- }
- if (html) {
- popup.getDom('content').innerHTML = html;
- popup.anchorEl = img || link;
- popup.showAnchor(popup.anchorEl);
- } else {
- popup.hide();
- }
- });
- }
- },
- _initToolbars: function () {
- var editor = this.editor;
- var toolbars = this.toolbars || [];
- var toolbarUis = [];
- for (var i = 0; i < toolbars.length; i++) {
- var toolbar = toolbars[i];
- var toolbarUi = new baidu.editor.ui.Toolbar({theme: editor.options.theme});
- for (var j = 0; j < toolbar.length; j++) {
- var toolbarItem = toolbar[j];
- var toolbarItemUi = null;
- if (typeof toolbarItem == 'string') {
- toolbarItem = toolbarItem.toLowerCase();
- if (toolbarItem == '|') {
- toolbarItem = 'Separator';
- }
- if (toolbarItem == '||') {
- toolbarItem = 'Breakline';
- }
- if (baidu.editor.ui[toolbarItem]) {
- toolbarItemUi = new baidu.editor.ui[toolbarItem](editor);
- }
- //fullscreen这里单独处理一下,放到首行去
- if (toolbarItem == 'fullscreen') {
- if (toolbarUis && toolbarUis[0]) {
- toolbarUis[0].items.splice(0, 0, toolbarItemUi);
- } else {
- toolbarItemUi && toolbarUi.items.splice(0, 0, toolbarItemUi);
- }
- continue;
- }
- } else {
- toolbarItemUi = toolbarItem;
- }
- if (toolbarItemUi && toolbarItemUi.id) {
- toolbarUi.add(toolbarItemUi);
- }
- }
- toolbarUis[i] = toolbarUi;
- }
- this.toolbars = toolbarUis;
- },
- getHtmlTpl: function () {
- return '<div id="##" class="%%">' +
- '<div id="##_toolbarbox" class="%%-toolbarbox">' +
- (this.toolbars.length ?
- '<div id="##_toolbarboxouter" class="%%-toolbarboxouter"><div class="%%-toolbarboxinner">' +
- this.renderToolbarBoxHtml() +
- '</div></div>' : '') +
- '<div id="##_toolbarmsg" class="%%-toolbarmsg" style="display:none;">' +
- '<div id = "##_upload_dialog" class="%%-toolbarmsg-upload" onclick="$$.showWordImageDialog();">' + this.editor.getLang("clickToUpload") + '</div>' +
- '<div class="%%-toolbarmsg-close" onclick="$$.hideToolbarMsg();">x</div>' +
- '<div id="##_toolbarmsg_label" class="%%-toolbarmsg-label"></div>' +
- '<div style="height:0;overflow:hidden;clear:both;"></div>' +
- '</div>' +
- '</div>' +
- '<div id="##_iframeholder" class="%%-iframeholder"></div>' +
- //modify wdcount by matao
- '<div id="##_bottombar" class="%%-bottomContainer"><table><tr>' +
- '<td id="##_elementpath" class="%%-bottombar"></td>' +
- '<td id="##_wordcount" class="%%-wordcount"></td>' +
- '<td id="##_scale" class="%%-scale"><div class="%%-icon"></div></td>' +
- '</tr></table></div>' +
- '<div id="##_scalelayer"></div>' +
- '</div>';
- },
- showWordImageDialog: function () {
- this.editor.execCommand("wordimage", "word_img");
- this._dialogs['wordimageDialog'].open();
- },
- renderToolbarBoxHtml: function () {
- var buff = [];
- for (var i = 0; i < this.toolbars.length; i++) {
- buff.push(this.toolbars[i].renderHtml());
- }
- return buff.join('');
- },
- setFullScreen: function (fullscreen) {
- var editor = this.editor,
- container = editor.container.parentNode.parentNode;
- if (this._fullscreen != fullscreen) {
- this._fullscreen = fullscreen;
- this.editor.fireEvent('beforefullscreenchange', fullscreen);
- if (baidu.editor.browser.gecko) {
- var bk = editor.selection.getRange().createBookmark();
- }
- if (fullscreen) {
- while (container.tagName != "BODY") {
- var position = baidu.editor.dom.domUtils.getComputedStyle(container, "position");
- nodeStack.push(position);
- container.style.position = "static";
- container = container.parentNode;
- }
- this._bakHtmlOverflow = document.documentElement.style.overflow;
- this._bakBodyOverflow = document.body.style.overflow;
- this._bakAutoHeight = this.editor.autoHeightEnabled;
- this._bakScrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
- this._bakEditorContaninerWidth = editor.iframe.parentNode.offsetWidth;
- if (this._bakAutoHeight) {
- //当全屏时不能执行自动长高
- editor.autoHeightEnabled = false;
- this.editor.disableAutoHeight();
- }
- document.documentElement.style.overflow = 'hidden';
- document.body.style.overflow = 'hidden';
- this._bakCssText = this.getDom().style.cssText;
- this._bakCssText1 = this.getDom('iframeholder').style.cssText;
- editor.iframe.parentNode.style.width = '';
- this._updateFullScreen();
- } else {
- while (container.tagName != "BODY") {
- container.style.position = nodeStack.shift();
- container = container.parentNode;
- }
- this.getDom().style.cssText = this._bakCssText;
- this.getDom('iframeholder').style.cssText = this._bakCssText1;
- if (this._bakAutoHeight) {
- editor.autoHeightEnabled = true;
- this.editor.enableAutoHeight();
- }
- document.documentElement.style.overflow = this._bakHtmlOverflow;
- document.body.style.overflow = this._bakBodyOverflow;
- editor.iframe.parentNode.style.width = this._bakEditorContaninerWidth + 'px';
- window.scrollTo(0, this._bakScrollTop);
- }
- if (browser.gecko && editor.body.contentEditable === 'true') {
- var input = document.createElement('input');
- document.body.appendChild(input);
- editor.body.contentEditable = false;
- setTimeout(function () {
- input.focus();
- setTimeout(function () {
- editor.body.contentEditable = true;
- editor.fireEvent('fullscreenchanged', fullscreen);
- editor.selection.getRange().moveToBookmark(bk).select(true);
- baidu.editor.dom.domUtils.remove(input);
- fullscreen && window.scroll(0, 0);
- }, 0)
- }, 0)
- }
- if (editor.body.contentEditable === 'true') {
- this.editor.fireEvent('fullscreenchanged', fullscreen);
- this.triggerLayout();
- }
- }
- },
- _updateFullScreen: function () {
- if (this._fullscreen) {
- var vpRect = uiUtils.getViewportRect();
- this.getDom().style.cssText = 'border:0;position:absolute;left:0;top:' + (this.editor.options.topOffset || 0) + 'px;width:' + vpRect.width + 'px;height:' + vpRect.height + 'px;z-index:' + (this.getDom().style.zIndex * 1 + 100);
- uiUtils.setViewportOffset(this.getDom(), { left: 0, top: this.editor.options.topOffset || 0 });
- this.editor.setHeight(vpRect.height - this.getDom('toolbarbox').offsetHeight - this.getDom('bottombar').offsetHeight - (this.editor.options.topOffset || 0));
- //不手动调一下,会导致全屏失效
- if (browser.gecko) {
- try {
- window.onresize();
- } catch (e) {
- }
- }
- }
- },
- _updateElementPath: function () {
- var bottom = this.getDom('elementpath'), list;
- if (this.elementPathEnabled && (list = this.editor.queryCommandValue('elementpath'))) {
- var buff = [];
- for (var i = 0, ci; ci = list[i]; i++) {
- buff[i] = this.formatHtml('<span unselectable="on" onclick="$$.editor.execCommand("elementpath", "' + i + '");">' + ci + '</span>');
- }
- bottom.innerHTML = '<div class="edui-editor-breadcrumb" onmousedown="return false;">' + this.editor.getLang("elementPathTip") + ': ' + buff.join(' > ') + '</div>';
- } else {
- bottom.style.display = 'none'
- }
- },
- disableElementPath: function () {
- var bottom = this.getDom('elementpath');
- bottom.innerHTML = '';
- bottom.style.display = 'none';
- this.elementPathEnabled = false;
- },
- enableElementPath: function () {
- var bottom = this.getDom('elementpath');
- bottom.style.display = '';
- this.elementPathEnabled = true;
- this._updateElementPath();
- },
- _scale: function () {
- var doc = document,
- editor = this.editor,
- editorHolder = editor.container,
- editorDocument = editor.document,
- toolbarBox = this.getDom("toolbarbox"),
- bottombar = this.getDom("bottombar"),
- scale = this.getDom("scale"),
- scalelayer = this.getDom("scalelayer");
- var isMouseMove = false,
- position = null,
- minEditorHeight = 0,
- minEditorWidth = editor.options.minFrameWidth,
- pageX = 0,
- pageY = 0,
- scaleWidth = 0,
- scaleHeight = 0;
- function down() {
- position = domUtils.getXY(editorHolder);
- if (!minEditorHeight) {
- minEditorHeight = editor.options.minFrameHeight + toolbarBox.offsetHeight + bottombar.offsetHeight;
- }
- scalelayer.style.cssText = "position:absolute;left:0;display:;top:0;background-color:#41ABFF;opacity:0.4;filter: Alpha(opacity=40);width:" + editorHolder.offsetWidth + "px;height:"
- + editorHolder.offsetHeight + "px;z-index:" + (editor.options.zIndex + 1);
- domUtils.on(doc, "mousemove", move);
- domUtils.on(editorDocument, "mouseup", up);
- domUtils.on(doc, "mouseup", up);
- }
- var me = this;
- //by xuheng 全屏时关掉缩放
- this.editor.addListener('fullscreenchanged', function (e, fullScreen) {
- if (fullScreen) {
- me.disableScale();
- } else {
- if (me.editor.options.scaleEnabled) {
- me.enableScale();
- var tmpNode = me.editor.document.createElement('span');
- me.editor.body.appendChild(tmpNode);
- me.editor.body.style.height = Math.max(domUtils.getXY(tmpNode).y, me.editor.iframe.offsetHeight - 20) + 'px';
- domUtils.remove(tmpNode)
- }
- }
- });
- function move(event) {
- clearSelection();
- var e = event || window.event;
- pageX = e.pageX || (doc.documentElement.scrollLeft + e.clientX);
- pageY = e.pageY || (doc.documentElement.scrollTop + e.clientY);
- scaleWidth = pageX - position.x;
- scaleHeight = pageY - position.y;
- if (scaleWidth >= minEditorWidth) {
- isMouseMove = true;
- scalelayer.style.width = scaleWidth + 'px';
- }
- if (scaleHeight >= minEditorHeight) {
- isMouseMove = true;
- scalelayer.style.height = scaleHeight + "px";
- }
- }
- function up() {
- if (isMouseMove) {
- isMouseMove = false;
- editor.ui._actualFrameWidth = scalelayer.offsetWidth - 2;
- editorHolder.style.width = editor.ui._actualFrameWidth + 'px';
- editor.setHeight(scalelayer.offsetHeight - bottombar.offsetHeight - toolbarBox.offsetHeight - 2);
- }
- if (scalelayer) {
- scalelayer.style.display = "none";
- }
- clearSelection();
- domUtils.un(doc, "mousemove", move);
- domUtils.un(editorDocument, "mouseup", up);
- domUtils.un(doc, "mouseup", up);
- }
- function clearSelection() {
- if (browser.ie)
- doc.selection.clear();
- else
- window.getSelection().removeAllRanges();
- }
- this.enableScale = function () {
- //trace:2868
- if (editor.queryCommandState("source") == 1) return;
- scale.style.display = "";
- this.scaleEnabled = true;
- domUtils.on(scale, "mousedown", down);
- };
- this.disableScale = function () {
- scale.style.display = "none";
- this.scaleEnabled = false;
- domUtils.un(scale, "mousedown", down);
- };
- },
- isFullScreen: function () {
- return this._fullscreen;
- },
- postRender: function () {
- UIBase.prototype.postRender.call(this);
- for (var i = 0; i < this.toolbars.length; i++) {
- this.toolbars[i].postRender();
- }
- var me = this;
- var timerId,
- domUtils = baidu.editor.dom.domUtils,
- updateFullScreenTime = function () {
- clearTimeout(timerId);
- timerId = setTimeout(function () {
- me._updateFullScreen();
- });
- };
- domUtils.on(window, 'resize', updateFullScreenTime);
- me.addListener('destroy', function () {
- domUtils.un(window, 'resize', updateFullScreenTime);
- clearTimeout(timerId);
- })
- },
- showToolbarMsg: function (msg, flag) {
- this.getDom('toolbarmsg_label').innerHTML = msg;
- this.getDom('toolbarmsg').style.display = '';
- //
- if (!flag) {
- var w = this.getDom('upload_dialog');
- w.style.display = 'none';
- }
- },
- hideToolbarMsg: function () {
- this.getDom('toolbarmsg').style.display = 'none';
- },
- mapUrl: function (url) {
- return url ? url.replace('~/', this.editor.options.UEDITOR_HOME_URL || '') : ''
- },
- triggerLayout: function () {
- var dom = this.getDom();
- if (dom.style.zoom == '1') {
- dom.style.zoom = '100%';
- } else {
- dom.style.zoom = '1';
- }
- }
- };
- utils.inherits(EditorUI, baidu.editor.ui.UIBase);
- var instances = {};
- UE.ui.Editor = function (options) {
- var editor = new UE.Editor(options);
- editor.options.editor = editor;
- utils.loadFile(document, {
- href: editor.options.themePath + editor.options.theme + "/css/ueditor.css",
- tag: "link",
- type: "text/css",
- rel: "stylesheet"
- });
- var oldRender = editor.render;
- editor.render = function (holder) {
- if (holder.constructor === String) {
- editor.key = holder;
- instances[holder] = editor;
- }
- utils.domReady(function () {
- editor.langIsReady ? renderUI() : editor.addListener("langReady", renderUI);
- function renderUI() {
- editor.setOpt({
- labelMap: editor.options.labelMap || editor.getLang('labelMap')
- });
- new EditorUI(editor.options);
- if (holder) {
- if (holder.constructor === String) {
- holder = document.getElementById(holder);
- }
- holder && holder.getAttribute('name') && ( editor.options.textarea = holder.getAttribute('name'));
- if (holder && /script|textarea/ig.test(holder.tagName)) {
- var newDiv = document.createElement('div');
- holder.parentNode.insertBefore(newDiv, holder);
- var cont = holder.value || holder.innerHTML;
- editor.options.initialContent = /^[\t\r\n ]*$/.test(cont) ? editor.options.initialContent :
- cont.replace(/>[\n\r\t]+([ ]{4})+/g, '>')
- .replace(/[\n\r\t]+([ ]{4})+</g, '<')
- .replace(/>[\n\r\t]+</g, '><');
- holder.className && (newDiv.className = holder.className);
- holder.style.cssText && (newDiv.style.cssText = holder.style.cssText);
- if (/textarea/i.test(holder.tagName)) {
- editor.textarea = holder;
- editor.textarea.style.display = 'none';
- } else {
- holder.parentNode.removeChild(holder);
- holder.id && (newDiv.id = holder.id);
- }
- holder = newDiv;
- holder.innerHTML = '';
- }
- }
- domUtils.addClass(holder, "edui-" + editor.options.theme);
- editor.ui.render(holder);
- var opt = editor.options;
- //给实例添加一个编辑器的容器引用
- editor.container = editor.ui.getDom();
- var parents = domUtils.findParents(holder, true);
- var displays = [];
- for (var i = 0 , ci; ci = parents[i]; i++) {
- displays[i] = ci.style.display;
- ci.style.display = 'block'
- }
- if (opt.initialFrameWidth) {
- opt.minFrameWidth = opt.initialFrameWidth;
- } else {
- opt.minFrameWidth = opt.initialFrameWidth = holder.offsetWidth;
- }
- if (opt.initialFrameHeight) {
- opt.minFrameHeight = opt.initialFrameHeight;
- } else {
- opt.initialFrameHeight = opt.minFrameHeight = holder.offsetHeight;
- }
- for (var i = 0 , ci; ci = parents[i]; i++) {
- ci.style.display = displays[i]
- }
- //编辑器最外容器设置了高度,会导致,编辑器不占位
- //todo 先去掉,没有找到原因
- if (holder.style.height) {
- holder.style.height = ''
- }
- editor.container.style.width = opt.initialFrameWidth + (/%$/.test(opt.initialFrameWidth) ? '' : 'px');
- editor.container.style.zIndex = opt.zIndex;
- oldRender.call(editor, editor.ui.getDom('iframeholder'));
- }
- })
- };
- return editor;
- };
- /**
- * @file
- * @name UE
- * @short UE
- * @desc UEditor的顶部命名空间
- */
- /**
- * @name getEditor
- * @since 1.2.4+
- * @grammar UE.getEditor(id,[opt]) => Editor实例
- * @desc 提供一个全局的方法得到编辑器实例
- *
- * * ''id'' 放置编辑器的容器id, 如果容器下的编辑器已经存在,就直接返回
- * * ''opt'' 编辑器的可选参数
- * @example
- * UE.getEditor('containerId',{onready:function(){//创建一个编辑器实例
- * this.setContent('hello')
- * }});
- * UE.getEditor('containerId'); //返回刚创建的实例
- *
- */
- UE.getEditor = function (id, opt) {
- var editor = instances[id];
- if (!editor) {
- editor = instances[id] = new UE.ui.Editor(opt);
- editor.render(id);
- }
- return editor;
- };
- UE.delEditor = function (id) {
- var editor;
- if (editor = instances[id]) {
- editor.key && editor.destroy();
- delete instances[id]
- }
- }
- })();
- ///import core
- ///import uicore
- ///commands 表情
- (function () {
- var utils = baidu.editor.utils,
- Popup = baidu.editor.ui.Popup,
- SplitButton = baidu.editor.ui.SplitButton,
- MultiMenuPop = baidu.editor.ui.MultiMenuPop = function (options) {
- this.initOptions(options);
- this.initMultiMenu();
- };
- MultiMenuPop.prototype = {
- initMultiMenu: function () {
- var me = this;
- this.popup = new Popup({
- content: '',
- editor: me.editor,
- iframe_rendered: false,
- onshow: function () {
- if (!this.iframe_rendered) {
- this.iframe_rendered = true;
- this.getDom('content').innerHTML = '<iframe id="' + me.id + '_iframe" src="' + me.iframeUrl + '" frameborder="0"></iframe>';
- me.editor.container.style.zIndex && (this.getDom().style.zIndex = me.editor.container.style.zIndex * 1 + 1);
- }
- }
- // canSideUp:false,
- // canSideLeft:false
- });
- this.onbuttonclick = function () {
- this.showPopup();
- };
- this.initSplitButton();
- }
- };
- utils.inherits(MultiMenuPop, SplitButton);
- })();
- (function () {
- var UI = baidu.editor.ui,
- UIBase = UI.UIBase,
- uiUtils = UI.uiUtils,
- utils = baidu.editor.utils,
- domUtils = baidu.editor.dom.domUtils;
- var allMenus = [],//存储所有快捷菜单
- timeID,
- isSubMenuShow = false;//是否有子pop显示
- var ShortCutMenu = UI.ShortCutMenu = function (options) {
- this.initOptions(options);
- this.initShortCutMenu();
- };
- ShortCutMenu.postHide = hideAllMenu;
- ShortCutMenu.prototype = {
- isHidden: true,
- SPACE: 5,
- initShortCutMenu: function () {
- this.items = this.items || [];
- this.initUIBase();
- this.initItems();
- this.initEvent();
- allMenus.push(this);
- },
- initEvent: function () {
- var me = this,
- doc = me.editor.document;
- domUtils.on(doc, "mousemove", function (e) {
- if (me.isHidden === false) {
- //有pop显示就不隐藏快捷菜单
- if (me.getSubMenuMark() || me.eventType == "contextmenu") return;
- var flag = true,
- el = me.getDom(),
- wt = el.offsetWidth,
- ht = el.offsetHeight,
- distanceX = wt / 2 + me.SPACE,//距离中心X标准
- distanceY = ht / 2,//距离中心Y标准
- x = Math.abs(e.screenX - me.left),//离中心距离横坐标
- y = Math.abs(e.screenY - me.top);//离中心距离纵坐标
- clearTimeout(timeID);
- timeID = setTimeout(function () {
- if (y > 0 && y < distanceY) {
- me.setOpacity(el, "1");
- } else if (y > distanceY && y < distanceY + 70) {
- me.setOpacity(el, "0.5");
- flag = false;
- } else if (y > distanceY + 70 && y < distanceY + 140) {
- me.hide();
- }
- if (flag && x > 0 && x < distanceX) {
- me.setOpacity(el, "1")
- } else if (x > distanceX && x < distanceX + 70) {
- me.setOpacity(el, "0.5")
- } else if (x > distanceX + 70 && x < distanceX + 140) {
- me.hide();
- }
- });
- }
- });
- //ie\ff下 mouseout不准
- if (browser.chrome) {
- domUtils.on(doc, "mouseout", function (e) {
- var relatedTgt = e.relatedTarget || e.toElement;
- if (relatedTgt == null || relatedTgt.tagName == "HTML") {
- me.hide();
- }
- });
- }
- me.editor.addListener("afterhidepop", function () {
- if (!me.isHidden) {
- isSubMenuShow = true;
- }
- });
- },
- initItems: function () {
- if (utils.isArray(this.items)) {
- for (var i = 0, len = this.items.length; i < len; i++) {
- var item = this.items[i].toLowerCase();
- if (UI[item]) {
- this.items[i] = new UI[item](this.editor);
- this.items[i].className += " edui-shortcutsubmenu ";
- }
- }
- }
- },
- setOpacity: function (el, value) {
- if (browser.ie && browser.version < 9) {
- el.style.filter = "alpha(opacity = " + parseFloat(value) * 100 + ");"
- } else {
- el.style.opacity = value;
- }
- },
- getSubMenuMark: function () {
- isSubMenuShow = false;
- var layerEle = uiUtils.getFixedLayer();
- var list = domUtils.getElementsByTagName(layerEle, "div", function (node) {
- return domUtils.hasClass(node, "edui-shortcutsubmenu edui-popup")
- });
- for (var i = 0, node; node = list[i++];) {
- if (node.style.display != "none") {
- isSubMenuShow = true;
- }
- }
- return isSubMenuShow;
- },
- show: function (e, hasContextmenu) {
- var me = this,
- offset = {},
- el = this.getDom(),
- fixedlayer = uiUtils.getFixedLayer();
- function setPos(offset) {
- if (offset.left < 0) {
- offset.left = 0;
- }
- if (offset.top < 0) {
- offset.top = 0;
- }
- el.style.cssText = "position:absolute;left:" + offset.left + "px;top:" + offset.top + "px;";
- }
- function setPosByCxtMenu(menu) {
- if (!menu.tagName) {
- menu = menu.getDom();
- }
- offset.left = parseInt(menu.style.left);
- offset.top = parseInt(menu.style.top);
- offset.top -= el.offsetHeight + 15;
- setPos(offset);
- }
- me.eventType = e.type;
- el.style.cssText = "display:block;left:-9999px";
- if (e.type == "contextmenu" && hasContextmenu) {
- var menu = domUtils.getElementsByTagName(fixedlayer, "div", "edui-contextmenu")[0];
- if (menu) {
- setPosByCxtMenu(menu)
- } else {
- me.editor.addListener("aftershowcontextmenu", function (type, menu) {
- setPosByCxtMenu(menu);
- });
- }
- } else {
- offset = uiUtils.getViewportOffsetByEvent(e);
- offset.top -= el.offsetHeight + me.SPACE;
- offset.left += me.SPACE + 20;
- setPos(offset);
- me.setOpacity(el, 0.2);
- }
- me.isHidden = false;
- me.left = e.screenX + el.offsetWidth / 2 - me.SPACE;
- me.top = e.screenY - (el.offsetHeight / 2) - me.SPACE;
- if (me.editor) {
- el.style.zIndex = me.editor.container.style.zIndex * 1 + 10;
- fixedlayer.style.zIndex = el.style.zIndex - 1;
- }
- },
- hide: function () {
- if (this.getDom()) {
- this.getDom().style.display = "none";
- }
- this.isHidden = true;
- },
- postRender: function () {
- if (utils.isArray(this.items)) {
- for (var i = 0, item; item = this.items[i++];) {
- item.postRender();
- }
- }
- },
- getHtmlTpl: function () {
- var buff;
- if (utils.isArray(this.items)) {
- buff = [];
- for (var i = 0; i < this.items.length; i++) {
- buff[i] = this.items[i].renderHtml();
- }
- buff = buff.join("");
- } else {
- buff = this.items;
- }
- return '<div id="##" class="%% edui-toolbar" data-src="shortcutmenu" onmousedown="return false;" onselectstart="return false;" >' +
- buff +
- '</div>';
- }
- };
- utils.inherits(ShortCutMenu, UIBase);
- function hideAllMenu(e) {
- var tgt = e.target || e.srcElement,
- cur = domUtils.findParent(tgt, function (node) {
- return domUtils.hasClass(node, "edui-shortcutmenu") || domUtils.hasClass(node, "edui-popup");
- }, true);
- if (!cur) {
- for (var i = 0, menu; menu = allMenus[i++];) {
- menu.hide()
- }
- }
- }
- domUtils.on(document, 'mousedown', function (e) {
- hideAllMenu(e);
- });
- domUtils.on(window, 'scroll', function (e) {
- hideAllMenu(e);
- });
- })();
- (function () {
- var utils = baidu.editor.utils,
- UIBase = baidu.editor.ui.UIBase,
- Breakline = baidu.editor.ui.Breakline = function (options) {
- this.initOptions(options);
- this.initSeparator();
- };
- Breakline.prototype = {
- uiName: 'Breakline',
- initSeparator: function () {
- this.initUIBase();
- },
- getHtmlTpl: function () {
- return '<br/>';
- }
- };
- utils.inherits(Breakline, UIBase);
- })();
- })()
|