HTML : Is there any way to show images in a textarea? - August 15, 2012 Get link Facebook X Pinterest Email Other Apps I therefore also image thumbnail also </code> If you know the Javascript solution with text that is correct (Vanilla JS if possible) </p> <p> Like this: </p> <pre> <code> __________________ | Hello world | | _______ | | | Img | | | | | | | | _____ | | | Hello again | _______ | | | Img2 | | | | | | | | _____ | | | ________________ | </code> </pre> <p> As I know and there is a div or anything in which <code> contentEditable = "true" </code> also allows the image, but many other HTML tags and many more Things I Do not Want: | </p> <p> Only me <code> text </code> and <code> pictures </code>. </p> </div> <p> <div class = "post-text" itemsprop = "text"> <p> Use a device with content. Disabled properties that act like a tetheraria Similar Wysiwyg editor Are formed. </p> <p> <div class = "snippet" data-lung = "js" data-hide = "wrong" data-console = "wrong" data-babel = "wrong"> <div class = "snippet" -code "> <pre class ="snippet-code-css lang-css prettyprint-override"> <code> div {width: 300px; Height: 200px; Limit: 1px solid # ccc; } </code> </pre> <pre class = "snippet-code-html lang-html prettyprint-override"> <code> & lt; Div contentEditable = "true" & gt; Type here You can also insert images & lt; Img src = "http://t2.gstatic.com/images?q=tbn:ANd9GcQCze-mfukcuvzKk7Ilj2zQ0CS6PbOkq7ZhRInnNd1Yz3TQzU4e&t=1" /> & Lt; / Div & gt; </code> </pre> </div> </div> </p> </div> </html> <br /> <script type="text/javascript" src="//ylx-1.com/bnr.php?section=General&pub=435796&format=728x90&ga=g"></script> <noscript><a href="https://yllix.com/publishers/435796" target="_blank"><img src="//ylx-aff.advertica-cdn.com/pub/728x90.png" style="border:none;margin:0;padding:0;vertical-align:baseline;" /></a></noscript> </div> <div class='post-footer container'> <div class='post-footer-line post-footer-line-1'> </div> <div class='post-footer-line post-footer-line-2'> </div> <div class='post-footer-line post-footer-line-3'> </div> <div class='post-share-buttons post-share-buttons-bottom'> <div class='byline post-share-buttons goog-inline-block'> <div aria-owns='sharing-popup-Blog1-byline-1108708805575848823' class='sharing' data-title='HTML : Is there any way to show images in a textarea? -'> <button aria-controls='sharing-popup-Blog1-byline-1108708805575848823' aria-label='Share' class='sharing-button touch-icon-button' id='sharing-button-Blog1-byline-1108708805575848823' role='button'> <div class='flat-icon-button ripple'> <svg class='svg-icon-24'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_share_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> </div> </button> <div class='share-buttons-container'> <ul aria-hidden='true' aria-label='Share' class='share-buttons hidden' id='sharing-popup-Blog1-byline-1108708805575848823' role='menu'> <li> <span aria-label='Get link' class='sharing-platform-button sharing-element-link' data-href='https://www.blogger.com/share-post.g?blogID=4272157336699784391&postID=1108708805575848823&target=' data-url='https://patwikicode11.blogspot.com/2012/08/html-is-there-any-way-to-show-images-in.html' role='menuitem' tabindex='-1' title='Get link'> <svg class='svg-icon-24 touch-icon sharing-link'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_link_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> <span class='platform-sharing-text'>Get link</span> </span> </li> <li> <span aria-label='Share to Facebook' class='sharing-platform-button sharing-element-facebook' data-href='https://www.blogger.com/share-post.g?blogID=4272157336699784391&postID=1108708805575848823&target=facebook' data-url='https://patwikicode11.blogspot.com/2012/08/html-is-there-any-way-to-show-images-in.html' role='menuitem' tabindex='-1' title='Share to Facebook'> <svg class='svg-icon-24 touch-icon sharing-facebook'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_facebook_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> <span class='platform-sharing-text'>Facebook</span> </span> </li> <li> <span aria-label='Share to X' class='sharing-platform-button sharing-element-twitter' data-href='https://www.blogger.com/share-post.g?blogID=4272157336699784391&postID=1108708805575848823&target=twitter' data-url='https://patwikicode11.blogspot.com/2012/08/html-is-there-any-way-to-show-images-in.html' role='menuitem' tabindex='-1' title='Share to X'> <svg class='svg-icon-24 touch-icon sharing-twitter'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_twitter_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> <span class='platform-sharing-text'>X</span> </span> </li> <li> <span aria-label='Share to Pinterest' class='sharing-platform-button sharing-element-pinterest' data-href='https://www.blogger.com/share-post.g?blogID=4272157336699784391&postID=1108708805575848823&target=pinterest' data-url='https://patwikicode11.blogspot.com/2012/08/html-is-there-any-way-to-show-images-in.html' role='menuitem' tabindex='-1' title='Share to Pinterest'> <svg class='svg-icon-24 touch-icon sharing-pinterest'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_pinterest_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> <span class='platform-sharing-text'>Pinterest</span> </span> </li> <li> <span aria-label='Email' class='sharing-platform-button sharing-element-email' data-href='https://www.blogger.com/share-post.g?blogID=4272157336699784391&postID=1108708805575848823&target=email' data-url='https://patwikicode11.blogspot.com/2012/08/html-is-there-any-way-to-show-images-in.html' role='menuitem' tabindex='-1' title='Email'> <svg class='svg-icon-24 touch-icon sharing-email'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_email_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> <span class='platform-sharing-text'>Email</span> </span> </li> <li aria-hidden='true' class='hidden'> <span aria-label='Share to other apps' class='sharing-platform-button sharing-element-other' data-url='https://patwikicode11.blogspot.com/2012/08/html-is-there-any-way-to-show-images-in.html' role='menuitem' tabindex='-1' title='Share to other apps'> <svg class='svg-icon-24 touch-icon sharing-sharingOther'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_more_horiz_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> <span class='platform-sharing-text'>Other Apps</span> </span> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> <section class='comments embed' data-num-comments='0' id='comments'> <a name='comments'></a> <h3 class='title'>Comments</h3> <div id='Blog1_comments-block-wrapper'> </div> <div class='footer'> <div class='comment-form'> <a name='comment-form'></a> <h4 id='comment-post-message'>Post a Comment</h4> <a href='https://www.blogger.com/comment/frame/4272157336699784391?po=1108708805575848823&hl=en&saa=85391&origin=https://patwikicode11.blogspot.com&skin=emporio' id='comment-editor-src'></a> <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='90px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe> <script src='https://www.blogger.com/static/v1/jsbin/1167892209-comment_from_post_iframe.js' type='text/javascript'></script> <script type='text/javascript'> BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html'); </script> </div> </div> </section> </article> </div> </div></div> </main> <div class='vertical-ad-container no-items section' id='ads' name='Ads'> </div> <aside class='sidebar-container container' role='complementary'> <div class='section' id='sidebar_item' name='Sidebar (Item Page)'><div class='widget PopularPosts' data-version='2' id='PopularPosts1'> <h3 class='title'> Popular Posts </h3> <div class='widget-content'> <div role='feed'> <article class='post' role='article'> <h3 class='post-title'><a href='https://patwikicode11.blogspot.com/2014/06/qt-creator-qtcreator-importing-makefile.html'>qt creator - QtCreator importing makefile projects -</a></h3> <div class='item-content'> <div class='popular-posts-snippet snippet-container r-snippet-container'> <div class='snippet-item r-snippetized'> Have you ever tried importing Classic C ++ / project into Qt Creator? Say that I wanted to use some libraries in my GUI project, which must be created. how can I do this? In Qt Creator 2.0.1 you can import projects using only * * Cmake, * .creator, * .pro or * .qmlproject Then switch to cmake and you can import the project into Qt builder (Welcome tab -> Open project ...). Alex </div> <a class='snippet-fade r-snippet-fade hidden' href='https://patwikicode11.blogspot.com/2014/06/qt-creator-qtcreator-importing-makefile.html'></a> </div> </div> </article> <article class='post' role='article'> <h3 class='post-title'><a href='https://patwikicode11.blogspot.com/2011/03/php-curl-cookie-and-307-redirect-issue.html'>php - cURL Cookie and 307 redirect issue -</a></h3> <div class='item-content'> <div class='popular-posts-snippet snippet-container r-snippet-container'> <div class='snippet-item r-snippetized'> I currently have a script that loads my client using curls on another server Currently, the settings curl_setopt ($ CH, CURLOPT_RETURNTRANSFER, 1); Curl_setopt ($ CH, CURLOPT_FOLLOWLOCATION, TRUE); Curl_setopt ($ ch, CURLOPT_AUTOREFERER, true); Curl_setopt ($ ch, CURLOPT_USERAGENT, $ UserAgent); Curl_setopt ($ CH, CURLOPT_HEADER, 0); $ Usecookie = ROOT_PATH "/public_html/football_parser/cookie.txt"; If ($ usecookie) {if (! Is_writable ($ usecookie)) {return "$ usecookie can not write cookie file, change the file's permission to 777 or read only for windows."; } Curl_setopt ($ ch, CURLOPT_COOKIEJAR, $ usecookie); Curl_setopt ($ ch, CURLOPT_COOKIEFILE, $ usecookie); } $ Output = curl_xac ($ ch); I'm trying to load two example URLs statto.com/football/teams/newcastle-united/2005-2006/results and statto.com/football/teams/newcastle-united/2008-2009/results Without a second load without any problems curl_setopt ($ ch, CURLOPT_FOLLOWLOCATION, TR... </div> <a class='snippet-fade r-snippet-fade hidden' href='https://patwikicode11.blogspot.com/2011/03/php-curl-cookie-and-307-redirect-issue.html'></a> </div> </div> </article> <article class='post' role='article'> <h3 class='post-title'><a href='https://patwikicode11.blogspot.com/2013/08/aspnet-mvc-2-problem-using-wif-with-iis6.html'>asp.net mvc 2 - Problem using WIF with IIS6 -</a></h3> <div class='item-content'> <div class='popular-posts-snippet snippet-container r-snippet-container'> <div class='snippet-item r-snippetized'> If there is a problem using sessionAuthenticationModule on IIS 6, the following exception occurs when you try to use the application Is: The data protection operation was unsuccessful. This may be due to the lack of user profile for the user thread of the current thread, which may occur when the thread is impersonated. It is possible to enable the profiles in IIS 7 which I am capable of doing but our hosting company uses IIS 6. Any thoughts to do? To make some effort, or just general thoughts? Stacktrace: [Cryptographic Expression: The data protection operation was unsuccessful. This may be due to the user profile not loading for the user reference of the current thread, which may occur when the thread is impersonated.] System. Security. Cryptography Protected data Protected (Byte [] userData, Byte [] Optional Encryption, Data Protection Scope Scope) +456 Microsoft. Identity MODEL. Web. Protected DataCookie Transform Encoding (byte [value]) +54 [Invalid Operation Expan... </div> <a class='snippet-fade r-snippet-fade hidden' href='https://patwikicode11.blogspot.com/2013/08/aspnet-mvc-2-problem-using-wif-with-iis6.html'></a> </div> </div> </article> </div> </div> </div></div> </aside> <!-- close sidebar-container --> </div> <!-- close centered-bottom --> </div> <!-- close centered --> </div> <!-- close page_body --> <footer class='footer section' id='footer' name='Footer'><div class='widget Attribution' data-version='2' id='Attribution1'> <div class='widget-content'> <div class='blogger'> <a href='https://www.blogger.com' rel='nofollow'> <svg class='svg-icon-24'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_post_blogger_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> Powered by Blogger </a> </div> </div> </div></footer> </div> <script type="text/javascript" src="https://resources.blogblog.com/blogblog/data/res/2128908390-vegeclub_compiled.js" async="true"></script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/4157554182-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY753lgk77Bv4pgkpUAWYTl_t_c3Yg:1752612386510';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4272157336699784391','//patwikicode11.blogspot.com/2012/08/html-is-there-any-way-to-show-images-in.html','4272157336699784391'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4272157336699784391', 'title': 'Pat wiki', 'url': 'https://patwikicode11.blogspot.com/2012/08/html-is-there-any-way-to-show-images-in.html', 'canonicalUrl': 'http://patwikicode11.blogspot.com/2012/08/html-is-there-any-way-to-show-images-in.html', 'homepageUrl': 'https://patwikicode11.blogspot.com/', 'searchUrl': 'https://patwikicode11.blogspot.com/search', 'canonicalHomepageUrl': 'http://patwikicode11.blogspot.com/', 'blogspotFaviconUrl': 'https://patwikicode11.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Pat wiki - Atom\x22 href\x3d\x22https://patwikicode11.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Pat wiki - RSS\x22 href\x3d\x22https://patwikicode11.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Pat wiki - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/4272157336699784391/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Pat wiki - Atom\x22 href\x3d\x22https://patwikicode11.blogspot.com/feeds/1108708805575848823/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/3f13309f54609467', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '1108708805575848823', 'pageName': 'HTML : Is there any way to show images in a textarea? -', 'pageTitle': 'Pat wiki: HTML : Is there any way to show images in a textarea? -'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'HTML : Is there any way to show images in a textarea? -', 'description': ' I therefore also image thumbnail also If you know the Javascript solution with text that is correct (Vanilla JS if possible) Like...', 'url': 'https://patwikicode11.blogspot.com/2012/08/html-is-there-any-way-to-show-images-in.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 1108708805575848823}}, {'name': 'widgets', 'data': [{'title': 'Pat wiki (Header)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': 'Search This Blog', 'type': 'BlogSearch', 'sectionId': 'search_top', 'id': 'BlogSearch1'}, {'title': '', 'type': 'FeaturedPost', 'sectionId': 'featured_post', 'id': 'FeaturedPost1', 'postId': '6917434859695264186'}, {'title': '', 'type': 'HTML', 'sectionId': 'page_body', 'id': 'HTML1'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'page_body', 'id': 'Blog1', 'posts': [{'id': '1108708805575848823', 'title': 'HTML : Is there any way to show images in a textarea? -', 'showInlineAds': true}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': ''}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'comments'}, {'name': 'icons', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': ''}]}, {'regionName': 'footer3', 'items': [{'name': 'location', 'label': 'Location:'}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': ''}, {'name': 'comments', 'label': 'comments'}, {'name': 'icons', 'label': ''}, {'name': 'labels', 'label': ''}, {'name': 'location', 'label': 'Location:'}]}, {'title': 'About Me', 'type': 'Profile', 'sectionId': 'sidebar_feed', 'id': 'Profile1'}, {'title': '', 'type': 'BlogArchive', 'sectionId': 'sidebar_feed', 'id': 'BlogArchive1'}, {'title': '', 'type': 'ReportAbuse', 'sectionId': 'sidebar_feed', 'id': 'ReportAbuse1'}, {'title': '', 'type': 'PopularPosts', 'sectionId': 'sidebar_item', 'id': 'PopularPosts1', 'posts': [{'title': 'qt creator - QtCreator importing makefile projects -', 'id': 5528382790687219452}, {'title': 'php - cURL Cookie and 307 redirect issue -', 'id': 6927074725722437210}, {'title': 'asp.net mvc 2 - Problem using WIF with IIS6 -', 'id': 7957261974737947331}]}, {'type': 'Attribution', 'sectionId': 'footer', 'id': 'Attribution1'}]}]); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'search_top', document.getElementById('BlogSearch1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'featured_post', document.getElementById('FeaturedPost1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'page_body', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'page_body', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/912689180-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/123180807-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar_feed', document.getElementById('Profile1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar_feed', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ReportAbuseView', new _WidgetInfo('ReportAbuse1', 'sidebar_feed', document.getElementById('ReportAbuse1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar_item', document.getElementById('PopularPosts1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer', document.getElementById('Attribution1'), {}, 'displayModeFull')); </script> </body> </html>
