Jump to content
php.lv forumi

atspoguļot html iekš textarea

bra

By bra
in JavaScript, VBScript

 Share

Recommended Posts

bra Newbie

bra

Posted
Posted

Laba diena jūsmājās,

  1. Tātad ko jums vēlos jautāt ir kā varētu iekš textarea atspoguļot reālo textu bez html tagiem, tas ir ja ievada <b>bbbb</b> rādās bbbb bez paša taga tikai tīrs outputs
  2. tad vel arī lai nospiežot enter tas automātiski tiktu pārveidots par <br />

Liels paldies jau iepriekš

Link to comment
Share on other sites
bra Newbie

bra

Posted
  • Author
Posted

zinu kā tas saucās guglē arī jau meklēju, bet tur ir visādi gatavi samļi, kuri pārbāsti ar visādām nevajadzīgām fīčām, bet man piemēram vajag tikai u nvienīgi <b>, <I> un <U>, tad kādēl man ir vajadzīgs vel vesals kalns ar fīčām, kuras paildzina ielādi kā ievietot tos tagu saju esmu salasījis tagad atliek tikai un vienīgi to outputu sadabūt

Link to comment
Share on other sites
bra Newbie

bra

Posted
  • Author
Posted (edited)

Paldies Bubu par pavadīto darbu, priekš šī materiāla radīšanas daudz man tas jau ir palīdzējis, bet tā kā neemu JavaScript speciālists jautāšu vai tiešām nav iespējams palīdzēt.

protams var izvēlēties jau gatavaus wysiwyg tipu editoru, bet visi, kuru esmu skatījies ir pārbāsti ar visādām fīčām, protams vairumam pastāv iespēja nogiest pogs, bet ielādes ātrumu, tas tik un tā nepāatrina jo vairumā gadījumu tiek izmantoti ļoti daudz js failu tādēļ es vēlos izveidot ko līdzīgu vienkāršotai versijai par wysiwyg editoru, kuas būtu vienkārš.

 

Tātad par ievietošanu izmantoju šo te kodu 

<html><head><script>
  function codeinsert(tag) {
      var elem = document.getElementById("txt");
      elem.focus();

      if (typeof document.selection != "undefined") {
          var range = document.selection.createRange();
          range.text = "<" + tag + ">" + (tag=="URL"||tag=="IMG"?"a href=http://":"") +
                       range.text + "</" + tag + ">";  
          range.move("character", -tag.length-3);
          range.select();
      } else if (typeof elem.selectionStart != "undefined") {
          var startPos = elem.selectionStart;
          var endPos = elem.selectionEnd;
          var myValue = "<" + tag + ">" + (tag=="URL"||tag=="IMG"?"http://":"") +
                        elem.value.substring(startPos ,endPos) + "</" + tag + ">";  

          elem.value = elem.value.substring(0, startPos) +
                       myValue +
                       elem.value.substring(endPos, elem.value.length);
          var x = startPos + myValue.length - tag.length - 3;
          elem.setSelectionRange(x, x);
      } else {
          elem.value += "<" + tag + ">" + (tag=="URL"||tag=="IMG"?"http://":"") + "</" + tag + ">";
      }
  }

function updateDIV(obj) {
 var div = document.getElementById('output');
 if (!div) return;
 div.innerHTML = obj.value.replace(/\n/g, "<br/>");
}
</script></head><body>
<input type="button" onclick="codeinsert('IMG');" value="IMG"/>
<input type="button" onclick="codeinsert('URL');" value="URL"/>
<input type="button" onclick="codeinsert('B');" value="B"/>
 <input type="button" onclick="codeinsert('U');" value="U"/>
  <input type="button" onclick="codeinsert('I');" value="I"/><br/>
<textarea id="txt" rows=10 cols=50 onChange="updateDIV(this);"></textarea>
<div id="output"></div>
</body></html>

šī te rindiņa atbild par texta izvadīšanu divā

function updateDIV(obj) {
 var div = document.getElementById('output');
 if (!div) return;
 div.innerHTML = obj.value.replace(/\n/g, "<br/>");
}

bet laikam šoreiz īsti nebūs īstā, tādēļ es tiešāmu lūdzu jūsu palīdzību, ir taču patīkamāk braukt ar paša veidotu divriteni ne? domāju ka kādam šis te mazais editoriņš arī varēti noderēt

Edited by bra
Link to comment
Share on other sites
bra Newbie

bra

Posted
  • Author
Posted (edited)

Vai tiešām veinīgais veids kā palīdzet ir pasūtit uz googli? es tiešām būšu ļoti pateicīgs ja palīdzestiet ja nē tad vismaz norādiet konkrētas saites, kur es varētu atrast tieši manis interesējošo informāciju. saprotu ka zināšanas ir zelts, bet vai tiešām tas ir jātur metāla kastītē un jāsēž virsū kāda tad jēga no tām ja ar tām nevar padalīties?

Edited by bra
Link to comment
Share on other sites
bubu Newbie

bubu

Posted
Posted

Es nesaprotu, ko tev vajag? Vienkāršu WYSIWYG?

Nu tak tajā manējā linkā ir taču daži vienkārši tavi wysiwyg editori:

http://www.mozilla.org/editor/midasdemo/

http://www.kevinroth.com/rte/demo.htm

 

(kā arī gūglei protams nav vainas :)

 

pie tam, ar paša divriteni ne vienmēr ir labāk braukt, daudz daudz lietu ir jau labākas un gatavas uztaisītas nekā pats varēs (laika ta nevienam nav).

Link to comment
Share on other sites
bra Newbie

bra

Posted
  • Author
Posted

nu varbūt es esmu cik nu vien spītīgs varu būt, bet tomēr šis te editors

http://www.mozilla.org/editor/midasdemo/ ielāde veinkārši "gradiozi" ātra nu nav man vajadzīgi tur visādi url etc un piedevām izmanto iframe lai rāditu pašu editoru, tad tas otrs ielādē daudz dažādus js failus turklāt neatradu texarea lauku sorcē ne js failos, tas ko es vēlos ir lai parastais texarea rāditu: šitas ir boldā nevis <b>šitas ir boldā</b> vāru sakot atpoguļo htmlu tādu kā to redz pārlūks un viss neko vairāk nevēlos tam tak nevajadzetu būt tik ļoti saražģiti, tā kā ar JavaScript esmu uz Jūs man nav pie kā pieķerties lasot lielum lielos koda gabalus, kur makten daudz visa kā un apmalīties ir vieglāk nekā zivju paviljonā (metafora)

Link to comment
Share on other sites
bra Newbie

bra

Posted
  • Author
Posted

nu copy / paste sākumā jau visi dara ja tik zin ko kopet, bet man nav pat aptuvenas nojsaumas kur skatīties ko kopēt tādēļ ludzu vismaz to f-ciju(as), kuras padarītu to texarea tādu kā es vēlos un viss vairāk neko kopā salikt tur jau ķibināšu pac vajag tik parādīt pareizo virzienu kur skatīties

Link to comment
Share on other sites
bubu Newbie

bubu

Posted
Posted

Nezinu gan. Man tas Mozilla midas ielādējas ļoti ātri (neiet runa par attēlu ielādi uz podziņām - viņiem iespējams noslogts serveris vai kā citādi). JS koda tai failā ir uz ~200 rindiņām.

Otrajam ir zem 700 rindām. Domāju tas nav daudz, salīdzinot ar vairumu citu. Nesaprotu kas tev nepatīk...

Tu piecās rindās gribi panākt tādu pašu funkcionalitāti, vai?

Link to comment
Share on other sites
 Share
Go to topic listing
×
×
  • Create New...