Texteditor Html Tagları

Merhaba, bir js texteditor kullanarak admin panelinden yazı girişi yapmaya çalışıyorum. Html kütüphanesini kullanarak html tagları encode ettim fakat viewde decode etmeye çalışırken p, h1, img gibi tagları etkilemiyor. Sayfaya bu tagları normal yazıymış gibi basıyor. Kaynağını görüntüle yaptığımda tagların dönüştürülmemiş (&nbsp gibi) hallerini gördüm. Bunun çözümü nedir?

Cevaplar (4)


Turan Karatuğ
Software Developer - Creator of TitanMVC
5 ay önce

Kullandığınız text editörde kaynağı görüntüleme özelliği varsa girdiğiniz metnin kaynak kodunu iletebilir misiniz?
Safa ÇAKI
PHP Developer
5 ay önce

Bu texteditorun kaynak kodları
<p>&nbsp &nbsp &nbspYaygın inancın tersine, Lorem Ipsum rastgele s&oumlzc&uumlklerden oluşmaz. K&oumlkleri M.&Ouml. 45 tarihinden bu yana klasik Latin edebiyatına kadar uzanan 2000 yıllık bir ge&ccedilmişi vardır. Virginia&#39da;ki Hampden-Sydney College&#39da;n Latince profes&oumlr&uuml Richard McClintock, bir Lorem Ipsum pasajında ge&ccedilen ve anlaşılması en g&uuml&ccedil s&oumlzc&uumlklerden biri olan &#39c;onsectetur&#39; s&oumlzc&uumlğ&uumln&uumln klasik edebiyattaki &oumlrneklerini incelediğinde kesin bir kaynağa ulaşmıştır. Lorm Ipsum, &Ccedili&ccedilero tarafından M.&Ouml. 45 tarihinde kaleme alınan &quotde Finibus Bonorum et Malorum&quot (İyi ve K&oumlt&uumln&uumln U&ccedil Sınırları) eserinin 1.10.32 ve 1.10.33 sayılı b&oumll&uumlmlerinden gelmektedir. Bu kitap, ahlak kuramı &uumlzerine bir tezdir ve R&oumlnesans d&oumlneminde &ccedilok pop&uumller olmuştur. Lorem Ipsum pasajının ilk satırı olan &quotLorem ipsum dolor sit amet&quot 1.10.32 sayılı b&oumll&uumlmdeki bir satırdan gelmektedir.</p>

<p><img src="/portal/Public/upload/post/32d3ca5e23f4ccf1e4c8660c40e75f33.png" style="width: 300px" class="fr-fic fr-dib"></p>

<p>&nbsp &nbsp &nbsp1500&#39;lerden beri kullanılmakta olan standard Lorem Ipsum metinleri ilgilenenler i&ccedilin yeniden &uumlretilmiştir. &Ccedili&ccedilero tarafından yazılan 1.10.32 ve 1.10.33 b&oumll&uumlmleri de 1914 H. Rackham &ccedilevirisinden alınan İngilizce s&uumlr&uumlmleri eşliğinde &oumlzg&uumln bi&ccediliminden yeniden &uumlretilmiştir.</p>



Bu da encode sonrası yapılan decode sayfasının kaynak kodları

&ltp&gt&ampnbsp &ampnbsp &ampnbspLorem ipsum dolor sit amet, consectetur adipiscing elit. Nam feugiat volutpat dui, sit amet euismod felis ultricies maximus. Donec gravida et arcu eu vestibulum. Fusce efficitur lacus ipsum, a scelerisque dui mollis non. Morbi eu facilisis nibh, id vehicula libero. Aenean vestibulum condimentum justo in tincidunt. Suspendisse egestas sem eu pharetra viverra. Integer tincidunt felis non nibh tempus, gravida dapibus diam ultricies.&lt/p&gt&ltp&gt&ampnbsp &ampnbsp &ampnbspMorbi placerat arcu ut leo mollis tristique. Cras condimentum tellus massa, ac mattis risus tincidunt sit amet. Donec elit nibh, sodales a mi eget, mollis venenatis enim. Vivamus commodo tellus id dolor dignissim sagittis. Nam quis lorem dui. Cras scelerisque, leo non auctor vulputate, augue purus porta tortor, nec malesuada est sem eget dui. Nam mattis viverra arcu id mollis. Donec aliquet nisi nec lorem tempor, id euismod nisl tincidunt. Vestibulum ullamcorper sapien dui, in viverra nulla sollicitudin nec. Praesent faucibus nisl at mollis varius. Morbi maximus malesuada neque a consectetur. Vivamus fermentum ante lacus, sit amet interdum orci auctor quis. Duis sollicitudin quam purus, vitae dapibus tortor blandit a. Proin tortor libero, dapibus id lacus vitae, ultrices efficitur justo.&lt/p&gt&ltp&gt&ltspan class="fr-video fr-fvc fr-dvb fr-draggable" contenteditable="false" draggable="true"&gt&ltiframe width="640" height="360" src="//www.youtube.com/embed/CNeCBDPoMis?wmode=opaque" frameborder="0" allowfullscreen=""&gt&lt/iframe&gt&lt/span&gt&ltbr&gt&lt/p&gt&ltp&gt&ampnbsp &ampnbsp &ampnbspDonec faucibus, tortor et volutpat interdum, tortor lectus eleifend tortor, fermentum accumsan dui lorem quis orci. Fusce elit tortor, hendrerit eget sapien eu, tempus elementum sem. Fusce id cursus urna. Fusce ut nisl mauris. Vivamus odio erat, iaculis sit amet porta in, auctor vel felis. Sed pulvinar rutrum lectus, vel ullamcorper orci vehicula a. Donec ultricies a ligula sit amet bibendum. Etiam aliquet tortor a dui ultricies viverra. Duis sollicitudin posuere suscipit. Praesent tincidunt hendrerit enim, sit amet sollicitudin nibh suscipit ac. Aenean luctus aliquet ipsum sed ornare. Pellentesque tincidunt massa sed odio fermentum rutrum. Vestibulum vel sodales quam, sit amet imperdiet ex. Phasellus eleifend sem et faucibus vestibulum. Phasellus fringilla, odio et gravida semper, dui dui semper nisi, a elementum erat sapien rhoncus dui. Sed vel sem sit amet eros porta elementum.&lt/p&gt&ltp&gt&ltspan class="fr-img-caption fr-fic fr-draggable fr-fil fr-shadow fr-dii" contenteditable="false" draggable="false"&gt&ltspan class="fr-img-wrap" style="width: 500px"&gt&ltimg src="/portal/Public/upload/post/c77ce3320c8b947425d5f847d784e354.jpg" style="width: 500px" class="fr-fil fr-dib"&gt&ltspan class="fr-inner" contenteditable="true"&gtasdasdasdasd&lt/span&gt&lt/span&gt&lt/span&gt&lt/p&gt&ltp&gt&ampnbsp &ampnbsp &ampnbspPraesent mollis euismod felis in aliquam. Maecenas rhoncus euismod ex, nec placerat dui convallis ac. Pellentesque iaculis felis ante, eu lacinia enim elementum non. Morbi ante libero, dignissim et quam eget, interdum sollicitudin mauris. Aenean ac magna nisl. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Morbi porta vestibulum nulla in egestas. Nunc at posuere purus, et vehicula enim. Aliquam dignissim venenatis lacus eget suscipit. Vivamus aliquam metus ac mauris fermentum, faucibus porttitor quam mattis. Nunc dignissim in turpis non ullamcorper.&lt/p&gt&ltp&gt&ampnbsp &ampnbsp &ampnbspMorbi eu leo ac libero sodales auctor vitae ut eros. Aenean ac consectetur ex, a lobortis erat. Cras commodo orci at lectus tincidunt consequat. Nulla varius neque ut rhoncus pharetra. Quisque quis massa felis. Praesent faucibus ante risus, eget pulvinar ipsum egestas ac. Duis aliquet at velit quis congue. Donec et risus ut leo rhoncus pellentesque. Aliquam erat volutpat. Aliquam porta rutrum ligula, vitae vulputate augue porttitor eget.&lt/p&gt.
Turan Karatuğ
Software Developer - Creator of TitanMVC
5 ay önce

Gönderdiğiniz örnekler Html::decode() methodu ile sorunsuz çalışmaktadır. Dilerseniz bu içerikleri bir değişkene atayıp decode methodu ile deneyebilirsiniz.
Safa ÇAKI
PHP Developer
5 ay önce

ekrana decode metodu ile basıyorum fakat kaynak kodları etkilemiyor. Kaynak kodlar olduğu gibi kalıyor, sadece ekrana <p></p> şeklinde yazdırıyor. Bu yüzdende css işe yaramıyor. Default olarak xss koruma açık geliyor galiba, bunu istediğim elementlerde kapatma şansım var mı?

Cevap Yazın


[code=php,css,sql]kod[/code] , [url=http:...com] , [img=imaj linki] , [color=renk_kodu]metin[/color]