{"version":"1.0","provider_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","provider_url":"https:\/\/fatihsoysal.com\/blog","author_name":"Fatih Soysal","author_url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/","title":"React CMS'de Quill Editor ve Resim Y\u00fckleme Entegrasyonu","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"Nj4FkysdeK\"><a href=\"https:\/\/fatihsoysal.com\/blog\/react-cmsde-quill-editor-ve-resim-yukleme-entegrasyonu\/\">React CMS&#8217;de Quill Editor ve Resim Y\u00fckleme Entegrasyonu<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/react-cmsde-quill-editor-ve-resim-yukleme-entegrasyonu\/embed\/#?secret=Nj4FkysdeK\" width=\"600\" height=\"338\" title=\"&#8220;React CMS&#8217;de Quill Editor ve Resim Y\u00fckleme Entegrasyonu&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"Nj4FkysdeK\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n<\/script>\n","description":"Merhaba! Fatih Soysal olarak, bu yaz\u0131da React tabanl\u0131 bir i\u00e7erik y\u00f6netim sistemine (CMS) Quill Editor'\u00fc entegre etmenin ve bu edit\u00f6r \u00fczerinden resim y\u00fckleme \u00f6zelli\u011fini nas\u0131l ekleyebilece\u011fimizi detayl\u0131 bir \u015fekilde ele alaca\u011f\u0131z. Quill, zengin metin d\u00fczenleme deneyimi sunan pop\u00fcler bir JavaScript k\u00fct\u00fcphanesi. Bu entegrasyon, kullan\u0131c\u0131lar\u0131n\u0131z\u0131n g\u00f6rsel a\u00e7\u0131dan zengin ve etkile\u015fimli i\u00e7erikler olu\u015fturmas\u0131n\u0131 sa\u011flayacakt\u0131r. \u00d6ncelikle, Quill Editor'\u00fcn temel \u00f6zelliklerini ve React ile olan uyumlulu\u011funu inceleyelim. Ard\u0131ndan, ad\u0131m ad\u0131m resim y\u00fckleme i\u015flevselli\u011fini nas\u0131l ekleyebilece\u011fimizi a\u00e7\u0131klayaca\u011f\u0131z. Bu rehber, hem yeni ba\u015flayanlar hem de deneyimli geli\u015ftiriciler i\u00e7in faydal\u0131 olacakt\u0131r."}