{"id":399,"date":"2020-03-29T00:32:29","date_gmt":"2020-03-29T03:32:29","guid":{"rendered":"https:\/\/websign.net.br\/blog\/?p=399"},"modified":"2020-03-29T00:33:50","modified_gmt":"2020-03-29T03:33:50","slug":"fazendo-upload-de-imagens-pelo-ckeditor-php","status":"publish","type":"post","link":"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/","title":{"rendered":"Fazendo upload de imagens pelo CKEditor PHP"},"content":{"rendered":"<p>Ol\u00e1 pessoal,<\/p>\n<p>Resolvi criar este tutorial para mostrar a voc\u00eas como \u00e9 um sistema de envio de imagens para um servidor (upload de imagens com CKEditor)\u00a0 usando a vers\u00e3o 4 e demonstro com o c\u00f3digo PHP realizando o procedimento de forma f\u00e1cil e simples.<\/p>\n<p>Bom, vamos aos passos:<\/p>\n<p><!--more--><\/p>\n<h2>Baixar o CKEditor e incluir em seu c\u00f3digo<\/h2>\n<p>Primeiramente baixe o pacote &#8220;STANDARD&#8221; no site oficial do CKEditor: <a href=\"https:\/\/ckeditor.com\/ckeditor-4\/download\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/ckeditor.com\/ckeditor-4\/download\/<\/a> e depois realize o upload para a pasta com acesso ao seu site de sua prefer\u00eancia.<\/p>\n<p>Ap\u00f3s carregar tudo pro seu servidor, inclua o arquivo javascript do CKeditor entre as tags &lt;head&gt; &#8230; &lt;\/head&gt; do seu site, conforme mostra a seguir:<\/p>\n<pre lang=\"html\" line=\"1\"><script src=\"ckeditor\/ckeditor.js\"><\/script><\/pre>\n<p><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\"><\/span><br \/>Feito isso onde voc\u00ea quer que apare\u00e7a o CKEditor, prossiga para o segundo passo.<\/p>\n<h2>Editar o Config.js do CKEditor<\/h2>\n<p>Para que funcione, precisamos colocar uma linha de c\u00f3digo no arquivo &#8220;config.js&#8221;. \u00c9 muito f\u00e1cil fazer isso, basta abrir a pasta do CKEditor que voc\u00ea subiu pro seu servidor e dentro dela possui um arquivo &#8220;config.js&#8221;, abra ele com seu editor de c\u00f3digos preferido e insira a seguinte linha de c\u00f3digo abaixo da linha: <\/p>\n<pre lang=\"html\" line=\"1\">config.removeDialogTabs<\/pre>\n<p> coloque:<\/p>\n<pre lang=\"javascript\" line=\"1\">config.filebrowserUploadMethod = 'form'; \/\/ Added for file browser<\/pre>\n<h2>Editando seu HTML e JS<\/h2>\n<p>Agora com o plugin instalado e carregado pro seu servidor, crie um &lt;textarea&gt; com o id=&#8221;editor&#8221; e inclua no seu HTML, e no fim da p\u00e1gina, antes da tag &lt;\/body&gt; insira o seguinte c\u00f3digo:<\/p>\n<pre lang=\"javascript\" line=\"1\">\r\n<script type=\"text\/javascript\">\r\n     CKEDITOR.replace( 'editor', {\r\n        height: 300,\r\n        filebrowserUploadUrl: \"\/ckeditor_fileupload\/ajaxfile.php?type=file\",\r\n        filebrowserImageUploadUrl: \"\/ckeditor_fileupload\/ajaxfile.php?type=image\",\r\n\r\n     } );\r\n<\/script><\/pre>\n<p>Os caminhos que inseri acima fazem refer\u00eancia ao meu uso, caso voc\u00ea tenha necessidade de apenas realizar o upload de imagens pelo CKEditor basta comentar a op\u00e7\u00e3o &#8220;filebrowserUploadUrl&#8221; e deixar a outra. Claro que as pastas acima e o arquivo PHP voc\u00ea precisa criar e indicar ao caminho corretamente de sua aplica\u00e7\u00e3o. Basicamente, a p\u00e1gina HTML completa ficaria assim:<\/p>\n<pre lang=\"html\" line=\"1\">\r\n<!DOCTYPE html>\r\n<html>\r\n   <head>\r\n     <title>Fazendo upload de imagens pelo CKEditor PHP<\/title>\r\n     <!-- CKEditor JS -->\r\n     <script src=\"ckeditor\/ckeditor.js\" type=\"text\/javascript\" ><\/script>\r\n   <\/head>\r\n   <body>\r\n\r\n     <!-- Editor -->\r\n     <textarea id='editor'><\/textarea>\r\n\r\n     <!-- Script -->\r\n     <script type=\"text\/javascript\">\r\n     CKEDITOR.replace( 'editor', {\r\n        height: 300,\r\n        filebrowserUploadUrl: \"\/ckeditor_fileupload\/ajaxfile.php?type=file\",\r\n        filebrowserImageUploadUrl: \"\/ckeditor_fileupload\/ajaxfile.php?type=image\",\r\n\r\n     } );\r\n     <\/script>\r\n   <\/body>\r\n<\/html>\r\n<\/pre>\n<p>Tudo certo? Seguimos!<\/p>\n<h2>C\u00f3digo PHP<\/h2>\n<p>Agora com a parte do front-end feita acima, precisamos que o c\u00f3digo javascript trabalhe em conjunto com o PHP no back-end para que seja feito o envio da imagem corretamente. Para isso veja os par\u00e2metros que o c\u00f3digo recebe e veja se adapta ao seu c\u00f3digo. \u00c9 um c\u00f3digo simples de f\u00e1cil entendimento e n\u00e3o preciso estar comentando cada linha aqui, por\u00e9m o b\u00e1sico de seguran\u00e7a j\u00e1 possui e caso queira realizar melhorias fique \u00e0 vontade!<\/p>\n<pre lang=\"php\" line=\"1\">\r\n<?php\r\n\r\n\/\/ parametros de recebimento do ajax do CKeditor\r\n$CKEditor = $_GET['CKEditor'];\r\n$funcNum = $_GET['CKEditorFuncNum'];\r\n\r\n\/\/ inicio do processo de upload\r\n\r\n    $allowed_extension = array(\r\n      \"png\",\"jpg\",\"jpeg\"\r\n    );\r\n\r\n    \/\/ pega a extensao do arquivo carregado\r\n    $file_extension = pathinfo($_FILES[\"upload\"][\"name\"], PATHINFO_EXTENSION);\r\n\r\n    if(in_array(strtolower($file_extension),$allowed_extension)){\r\n       \r\n       if(move_uploaded_file($_FILES['upload']['tmp_name'], \"uploads\/\".$_FILES['upload']['name'])){\r\n          \/\/ realiza o upload\r\n          if(isset($_SERVER['HTTPS'])){\r\n             $protocol = ($_SERVER['HTTPS'] &#038;&#038; $_SERVER['HTTPS'] != \"off\") ? \"https\" : \"http\";\r\n          }\r\n          else{\r\n             $protocol = 'http';\r\n          }\r\n          $url = $protocol.\":\/\/\".$_SERVER['SERVER_NAME'] .\"\/ckeditor_fileupload\/uploads\/\".$_FILES['upload']['name'];\r\n       \r\n          \/\/ retorna pro CKeditor a resposta com a URL do arquivo carregado\r\n          echo '<script>window.parent.CKEDITOR.tools.callFunction('.$funcNum.', \"'.$url.'\", \"'.$message.'\")<\/script>';\r\n       }\r\n\r\n    }\r\n    exit;\r\n<\/pre>\n<p>Bom, por hoje \u00e9 isso pessoal. Espero que tenham gostado do post de hoje explicando de maneira bem direta como funciona e como implementar o upload de imagens pelo CKEditor 4. Ficou alguma d\u00favida? Sugest\u00e3o? Comenta a\u00ed!<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ol\u00e1 pessoal, Resolvi criar este tutorial para mostrar a voc\u00eas como \u00e9 um sistema de envio de imagens para um servidor (upload de imagens com CKEditor)\u00a0 usando a vers\u00e3o 4 e demonstro com o c\u00f3digo PHP realizando o procedimento de forma f\u00e1cil e simples. Bom, vamos aos passos:<\/p>\n","protected":false},"author":2,"featured_media":409,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,69],"tags":[137,12,16,10,118,140,18,70],"class_list":["post-399","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dicas","category-tutorial","tag-137","tag-criacao-de-sistemas-de-gestao-online","tag-dicas","tag-internet","tag-php","tag-programacao","tag-sistemas-online","tag-tutorial"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\r\n<title>Fazendo upload de imagens pelo CKEditor PHP - Blog Websign Sistemas<\/title>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/\" \/>\r\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Fazendo upload de imagens pelo CKEditor PHP - Blog Websign Sistemas\" \/>\r\n<meta property=\"og:description\" content=\"Ol\u00e1 pessoal, Resolvi criar este tutorial para mostrar a voc\u00eas como \u00e9 um sistema de envio de imagens para um servidor (upload de imagens com CKEditor)\u00a0 usando a vers\u00e3o 4 e demonstro com o c\u00f3digo PHP realizando o procedimento de forma f\u00e1cil e simples. Bom, vamos aos passos:\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Blog Websign Sistemas\" \/>\r\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/WebSignCriacoesSites\/\" \/>\r\n<meta property=\"article:published_time\" content=\"2020-03-29T03:32:29+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2020-03-29T03:33:50+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/websign.net.br\/blog\/wp-content\/uploads\/2020\/03\/ckeditor_on_page.png\" \/>\r\n\t<meta property=\"og:image:width\" content=\"597\" \/>\r\n\t<meta property=\"og:image:height\" content=\"306\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\r\n<meta name=\"author\" content=\"Websign Sistemas de Gest\u00e3o\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:creator\" content=\"@websignsistemas\" \/>\r\n<meta name=\"twitter:site\" content=\"@websignsistemas\" \/>\r\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Websign Sistemas de Gest\u00e3o\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/\"},\"author\":{\"name\":\"Websign Sistemas de Gest\u00e3o\",\"@id\":\"https:\/\/websign.net.br\/blog\/#\/schema\/person\/9ed0210572f37ba5f129b910631ee20d\"},\"headline\":\"Fazendo upload de imagens pelo CKEditor PHP\",\"datePublished\":\"2020-03-29T03:32:29+00:00\",\"dateModified\":\"2020-03-29T03:33:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/\"},\"wordCount\":446,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/websign.net.br\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/websign.net.br\/blog\/wp-content\/uploads\/2020\/03\/ckeditor_on_page.png\",\"keywords\":[\"2020\",\"cria\u00e7\u00e3o de sistemas de gest\u00e3o online\",\"Dicas\",\"internet\",\"PHP\",\"programa\u00e7\u00e3o\",\"sistemas online\",\"Tutorial\"],\"articleSection\":[\"Dicas\",\"Tutorial\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/\",\"url\":\"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/\",\"name\":\"Fazendo upload de imagens pelo CKEditor PHP - Blog Websign Sistemas\",\"isPartOf\":{\"@id\":\"https:\/\/websign.net.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/websign.net.br\/blog\/wp-content\/uploads\/2020\/03\/ckeditor_on_page.png\",\"datePublished\":\"2020-03-29T03:32:29+00:00\",\"dateModified\":\"2020-03-29T03:33:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/#primaryimage\",\"url\":\"https:\/\/websign.net.br\/blog\/wp-content\/uploads\/2020\/03\/ckeditor_on_page.png\",\"contentUrl\":\"https:\/\/websign.net.br\/blog\/wp-content\/uploads\/2020\/03\/ckeditor_on_page.png\",\"width\":597,\"height\":306,\"caption\":\"CKeditor\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/websign.net.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fazendo upload de imagens pelo CKEditor PHP\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/websign.net.br\/blog\/#website\",\"url\":\"https:\/\/websign.net.br\/blog\/\",\"name\":\"Blog Websign Sistemas\",\"description\":\"Fique por dentro de not\u00edcias e dicas\",\"publisher\":{\"@id\":\"https:\/\/websign.net.br\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/websign.net.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/websign.net.br\/blog\/#organization\",\"name\":\"Websign Sistemas Inc\",\"url\":\"https:\/\/websign.net.br\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/websign.net.br\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/websign.net.br\/blog\/wp-content\/uploads\/2016\/05\/1502298_383447438488708_1236879760916980068_o.jpg\",\"contentUrl\":\"https:\/\/websign.net.br\/blog\/wp-content\/uploads\/2016\/05\/1502298_383447438488708_1236879760916980068_o.jpg\",\"width\":1031,\"height\":978,\"caption\":\"Websign Sistemas Inc\"},\"image\":{\"@id\":\"https:\/\/websign.net.br\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/WebSignCriacoesSites\/\",\"https:\/\/x.com\/websignsistemas\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/websign.net.br\/blog\/#\/schema\/person\/9ed0210572f37ba5f129b910631ee20d\",\"name\":\"Websign Sistemas de Gest\u00e3o\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/websign.net.br\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/310abb18fe93b4071f662cca33e7b0b7e3ba0728b3564182a731eb28d1c80369?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/310abb18fe93b4071f662cca33e7b0b7e3ba0728b3564182a731eb28d1c80369?s=96&d=mm&r=g\",\"caption\":\"Websign Sistemas de Gest\u00e3o\"},\"description\":\"WEBSIGN trabalha criando sistemas de gest\u00e3o online para grandes e pequenas empresas, visando mais organiza\u00e7\u00e3o em seus processos e demandas.\",\"sameAs\":[\"https:\/\/websign.net.br\"],\"url\":\"https:\/\/websign.net.br\/blog\/author\/websign\/\"}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Fazendo upload de imagens pelo CKEditor PHP - Blog Websign Sistemas","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/","og_locale":"pt_BR","og_type":"article","og_title":"Fazendo upload de imagens pelo CKEditor PHP - Blog Websign Sistemas","og_description":"Ol\u00e1 pessoal, Resolvi criar este tutorial para mostrar a voc\u00eas como \u00e9 um sistema de envio de imagens para um servidor (upload de imagens com CKEditor)\u00a0 usando a vers\u00e3o 4 e demonstro com o c\u00f3digo PHP realizando o procedimento de forma f\u00e1cil e simples. Bom, vamos aos passos:","og_url":"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/","og_site_name":"Blog Websign Sistemas","article_publisher":"https:\/\/www.facebook.com\/WebSignCriacoesSites\/","article_published_time":"2020-03-29T03:32:29+00:00","article_modified_time":"2020-03-29T03:33:50+00:00","og_image":[{"width":597,"height":306,"url":"https:\/\/websign.net.br\/blog\/wp-content\/uploads\/2020\/03\/ckeditor_on_page.png","type":"image\/png"}],"author":"Websign Sistemas de Gest\u00e3o","twitter_card":"summary_large_image","twitter_creator":"@websignsistemas","twitter_site":"@websignsistemas","twitter_misc":{"Escrito por":"Websign Sistemas de Gest\u00e3o","Est. tempo de leitura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/#article","isPartOf":{"@id":"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/"},"author":{"name":"Websign Sistemas de Gest\u00e3o","@id":"https:\/\/websign.net.br\/blog\/#\/schema\/person\/9ed0210572f37ba5f129b910631ee20d"},"headline":"Fazendo upload de imagens pelo CKEditor PHP","datePublished":"2020-03-29T03:32:29+00:00","dateModified":"2020-03-29T03:33:50+00:00","mainEntityOfPage":{"@id":"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/"},"wordCount":446,"commentCount":1,"publisher":{"@id":"https:\/\/websign.net.br\/blog\/#organization"},"image":{"@id":"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/#primaryimage"},"thumbnailUrl":"https:\/\/websign.net.br\/blog\/wp-content\/uploads\/2020\/03\/ckeditor_on_page.png","keywords":["2020","cria\u00e7\u00e3o de sistemas de gest\u00e3o online","Dicas","internet","PHP","programa\u00e7\u00e3o","sistemas online","Tutorial"],"articleSection":["Dicas","Tutorial"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/","url":"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/","name":"Fazendo upload de imagens pelo CKEditor PHP - Blog Websign Sistemas","isPartOf":{"@id":"https:\/\/websign.net.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/#primaryimage"},"image":{"@id":"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/#primaryimage"},"thumbnailUrl":"https:\/\/websign.net.br\/blog\/wp-content\/uploads\/2020\/03\/ckeditor_on_page.png","datePublished":"2020-03-29T03:32:29+00:00","dateModified":"2020-03-29T03:33:50+00:00","breadcrumb":{"@id":"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/#primaryimage","url":"https:\/\/websign.net.br\/blog\/wp-content\/uploads\/2020\/03\/ckeditor_on_page.png","contentUrl":"https:\/\/websign.net.br\/blog\/wp-content\/uploads\/2020\/03\/ckeditor_on_page.png","width":597,"height":306,"caption":"CKeditor"},{"@type":"BreadcrumbList","@id":"https:\/\/websign.net.br\/blog\/fazendo-upload-de-imagens-pelo-ckeditor-php\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/websign.net.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Fazendo upload de imagens pelo CKEditor PHP"}]},{"@type":"WebSite","@id":"https:\/\/websign.net.br\/blog\/#website","url":"https:\/\/websign.net.br\/blog\/","name":"Blog Websign Sistemas","description":"Fique por dentro de not\u00edcias e dicas","publisher":{"@id":"https:\/\/websign.net.br\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/websign.net.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/websign.net.br\/blog\/#organization","name":"Websign Sistemas Inc","url":"https:\/\/websign.net.br\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/websign.net.br\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/websign.net.br\/blog\/wp-content\/uploads\/2016\/05\/1502298_383447438488708_1236879760916980068_o.jpg","contentUrl":"https:\/\/websign.net.br\/blog\/wp-content\/uploads\/2016\/05\/1502298_383447438488708_1236879760916980068_o.jpg","width":1031,"height":978,"caption":"Websign Sistemas Inc"},"image":{"@id":"https:\/\/websign.net.br\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/WebSignCriacoesSites\/","https:\/\/x.com\/websignsistemas"]},{"@type":"Person","@id":"https:\/\/websign.net.br\/blog\/#\/schema\/person\/9ed0210572f37ba5f129b910631ee20d","name":"Websign Sistemas de Gest\u00e3o","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/websign.net.br\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/310abb18fe93b4071f662cca33e7b0b7e3ba0728b3564182a731eb28d1c80369?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/310abb18fe93b4071f662cca33e7b0b7e3ba0728b3564182a731eb28d1c80369?s=96&d=mm&r=g","caption":"Websign Sistemas de Gest\u00e3o"},"description":"WEBSIGN trabalha criando sistemas de gest\u00e3o online para grandes e pequenas empresas, visando mais organiza\u00e7\u00e3o em seus processos e demandas.","sameAs":["https:\/\/websign.net.br"],"url":"https:\/\/websign.net.br\/blog\/author\/websign\/"}]}},"_links":{"self":[{"href":"https:\/\/websign.net.br\/blog\/wp-json\/wp\/v2\/posts\/399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/websign.net.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/websign.net.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/websign.net.br\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/websign.net.br\/blog\/wp-json\/wp\/v2\/comments?post=399"}],"version-history":[{"count":0,"href":"https:\/\/websign.net.br\/blog\/wp-json\/wp\/v2\/posts\/399\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/websign.net.br\/blog\/wp-json\/wp\/v2\/media\/409"}],"wp:attachment":[{"href":"https:\/\/websign.net.br\/blog\/wp-json\/wp\/v2\/media?parent=399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/websign.net.br\/blog\/wp-json\/wp\/v2\/categories?post=399"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/websign.net.br\/blog\/wp-json\/wp\/v2\/tags?post=399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}