keystonejs - Image links not rendering as html (left as [img] on blog) -
have set keystone.js use cloudinary images. upload on editor seems work, can see file in editor , on cloudinary. (proof below)
http://res.cloudinary.com/keystone-demo/image/upload/v1473696039/y5v9oewncmuopq4d3vwi.jpg
used standard settings per documentation on webpage, changes keystone.js file below:
'wysiwyg override toolbar': false, 'wysiwyg menubar': true, 'wysiwyg skin': 'lightgray', 'wysiwyg cloudinary images': true, 'wysiwyg additional buttons': 'searchreplace visualchars,' + ' charmap ltr rtl pagebreak paste, forecolor backcolor,' +' emoticons media, preview print ', 'wysiwyg additional plugins': 'example, table, advlist, anchor,' + ' autolink, autosave, bbcode, charmap, contextmenu, ' + ' directionality, emoticons, fullpage, hr, media, pagebreak,' + ' paste, preview, print, searchreplace, textcolor,' + ' visualblocks, visualchars, wordcount', however, editor not use type link, changes [img]. work in editor window:
[img]http://res.cloudinary.com/keystone-demo/image/upload/v1473696039/y5v9oewncmuopq4d3vwi.jpg[/img] problem when open blog,
[img]http://res.cloudinary.com/keystone-demo/image/upload/v1473696039/y5v9oewncmuopq4d3vwi.jpg[/img] (example can seen on webpage: http://www.constructmind.com/blog/post/overview-of-the-uk-intergovernmental-agreement-for-fatca-implementation)
i checked documentation , cant find anything.
================= update re generated html post , blog ====================
post:
<html><head><style type="text/css">@charset "utf-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}.ng-animate-shim{visibility:hidden;}.ng-anchor{position:absolute;}</style> <meta charset="utf-8"> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>construct mind</title> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link href="/styles/site.min.css" rel="stylesheet"> <!--favicon--> <link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/favicon//apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/favicon//apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/favicon//apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/favicon//apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/favicon//apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/favicon//apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/favicon//apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicon//apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/favicon//android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon//favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/favicon//favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon//favicon-16x16.png"> <link rel="manifest" href="/favicon//manifest.json"> <meta name="msapplication-tilecolor" content="#ffffff"> <meta name="msapplication-tileimage" content="/favicon//ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <link href="/keystone/styles/content/editor.min.css" rel="stylesheet"> <!--[if lt ie 9]> <script src="//cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv.js"></script> <script src="//cdn.jsdelivr.net/respond/1.4.2/respond.min.js"></script> <![endif]--> <script type="text/javascript" charset="utf-8" async="" src="https://platform.twitter.com/js/timeline.0e3df5929a60596ace3c16fb0b38e6f9.js"></script></head> <body ng-app="cmapp" class="ng-scope"> <div id="page" style="background-image: url("/images/bg/lonsky.jpg"); background-size: cover; background-position: -380px 0px;" class="fill ng-scope" ng-controller="mainctrl main"> <div id="header"> <div class="container"> <div role="navigation" class="navbar navbar-default navbar-constructmind"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" data-toggle="collapse" data-target=".navbar-collapse" class="navbar-toggle"> <span class="sr-only">toggle navigation</span> <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> </button> <a href="/" class="navbar-brand"><img id="construct-logo" class="navbar-logo" src="/images/logo/cs-logo-title-227x100.png"></a> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-left"> <li class="dropdown"> <a class="dropdown toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">home <span class="caret"></span></a> <ul class="dropdown-menu"> <li> <a ui-sref="home" ui-sref-active="active" href="/" class="">about us</a> </li> <li> <a ui-sref="partners" ui-sref-active="active" href="/partners">partners</a> </li> <li> <a ui-sref="philosophy" ui-sref-active="active" href="/philosophy">philosophy</a> </li> </ul> </li> <li class="dropdown"> <a class="dropdown toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">published <span class="caret"></span></a> <ul class="dropdown-menu"> <li> <a ui-sref="blog" ui-sref-active="active" href="/blog/" class="">articles</a> </li> <li> <a ui-sref="socialmedia" ui-sref-active="active" href="/socialmedia" class="">social media</a> </li> </ul> </li> <li> <a ui-sref="contact" ui-sref-active="active" href="/contact">contact</a> </li> </ul> </div> </div> </div> </div> </div> <div id="body" style="margin-top: 25px; height: 518px;"> <!-- flash messages allow display once-off status messages users, e.g. form validation errors, success messages, etc --> <!-- content block should contain body of template's content--> <!-- uiview: --><ui-view class="ng-scope"><div class="container ng-scope"> <div class="row"> <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 wtransparent"> <article> <p><a ui-sref="blog" href="/blog/">← blog</a></p> <hr> <header> <h1>images test </h1> <h5> </h5> </header> <div class="post"> <img src="" class="img-responsive"> <br><br><br><br> [img]http://res.cloudinary.com/keystone-demo/image/upload/v1473839295/mfi8mbb2bq20jd7sht6t.jpg[/img] <br> </div> </article> </div> </div> </div> </ui-view> </div> <div id="footerwrap" class="container footer-constructmind"> <div id="footer" style="width:100%; margin: 0px; padding-top: 10px; height: 50px;"> <p></p> <p> <span style="float: left; padding-left: 10px;"> <a href="http://constructmind.com" target="_blank">© constructmind 2016</a> | <a href="/keystone/signout">sign out</a> </span> <span style="float: right; padding-right: 10px; margin-top: -5px;"> <a href="mailto:contact@constructmind.com" style="border-width:0px; border:0px; text-decoration: none;"><img width="25" height="25" style="border: none; width: 25px; max-width: 25px !important; height: 25px; max-height: 25px !important;" src="/images/logos/png/40px/website.png"></a> <a href="https://www.linkedin.com/in/bengtbjorkberg" style="border-width:0px; border:0px; text-decoration: none;"><img width="25" height="25" style="border: none; width: 25px; max-width: 25px !important; height: 25px; max-height: 25px !important;" src="/images/logos/png/40px/linkedin.png"></a> <a href="https://plus.google.com/108193570873442725868" style="border-width:0px; border:0px; text-decoration: none;"><img width="25" height="25" style="border: none; width: 25px; max-width: 25px !important; height: 25px; max-height: 25px !important;" src="/images/logos/png/40px/googleplus.png"></a> <a href="skype:vrghost-242?call" style="border-width:0px; border:0px; text-decoration: none;"><img width="25" height="25" style="border: none; width: 25px; max-width: 25px !important; height: 25px; max-height: 25px !important;" src="/images/logos/png/35px/skype.png"></a> </span> </p> </div> </div> </div> <!-- end javascript --> <!--start google analytics--> <!--end google analytics--> <script async="" src="https://www.google-analytics.com/analytics.js"></script><script src="/js/jquery/jquery-2.1.4.min.js"></script> <script src="/js/bootstrap/bootstrap-3.3.5.min.js"></script> <script src="/keystone/js/content/editor.js"></script> <script src="/bower_components/angular/angular.min.js"></script> <script src="/bower_components/angular-sanitize/angular-sanitize.min.js"></script> <script src="/bower_components/angular-ui-router/release/angular-ui-router.min.js"></script> <script src="/bower_components/angular-animate/angular-animate.min.js"></script> <script src="/bower_components/angular-resource/angular-resource.min.js"></script> <script> (function(i,s,o,g,r,a,m){i['googleanalyticsobject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new date();a=s.createelement(o), m=s.getelementsbytagname(o)[0];a.async=1;a.src=g;m.parentnode.insertbefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'ua-61636453-1', 'auto'); ga('send', 'pageview'); </script> <script src="/javascripts/constructmind.js"></script> <iframe id="rufous-sandbox" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true" style="position: absolute; visibility: hidden; display: none; width: 0px; height: 0px; padding: 0px; border: none;"></iframe></body></html> blog:
<html><head><style type="text/css">@charset "utf-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}.ng-animate-shim{visibility:hidden;}.ng-anchor{position:absolute;}</style> <meta charset="utf-8"> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>construct mind</title> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link href="/styles/site.min.css" rel="stylesheet"> <!--favicon--> <link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/favicon//apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/favicon//apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/favicon//apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/favicon//apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/favicon//apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/favicon//apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/favicon//apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicon//apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/favicon//android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon//favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/favicon//favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon//favicon-16x16.png"> <link rel="manifest" href="/favicon//manifest.json"> <meta name="msapplication-tilecolor" content="#ffffff"> <meta name="msapplication-tileimage" content="/favicon//ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <link href="/keystone/styles/content/editor.min.css" rel="stylesheet"> <!--[if lt ie 9]> <script src="//cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv.js"></script> <script src="//cdn.jsdelivr.net/respond/1.4.2/respond.min.js"></script> <![endif]--> <script type="text/javascript" charset="utf-8" async="" src="https://platform.twitter.com/js/timeline.0e3df5929a60596ace3c16fb0b38e6f9.js"></script></head> <body ng-app="cmapp" class="ng-scope"> <div id="page" style="background-image: url("/images/bg/lonsky.jpg"); background-size: cover; background-position: -285px 0px;" class="fill ng-scope" ng-controller="mainctrl main"> <div id="header"> <div class="container"> <div role="navigation" class="navbar navbar-default navbar-constructmind"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" data-toggle="collapse" data-target=".navbar-collapse" class="navbar-toggle"> <span class="sr-only">toggle navigation</span> <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> </button> <a href="/" class="navbar-brand"><img id="construct-logo" class="navbar-logo" src="/images/logo/cs-logo-title-227x100.png"></a> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-left"> <li class="dropdown"> <a class="dropdown toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">home <span class="caret"></span></a> <ul class="dropdown-menu"> <li> <a ui-sref="home" ui-sref-active="active" href="/" class="">about us</a> </li> <li> <a ui-sref="partners" ui-sref-active="active" href="/partners">partners</a> </li> <li> <a ui-sref="philosophy" ui-sref-active="active" href="/philosophy">philosophy</a> </li> </ul> </li> <li class="dropdown"> <a class="dropdown toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">published <span class="caret"></span></a> <ul class="dropdown-menu"> <li> <a ui-sref="blog" ui-sref-active="active" href="/blog/" class="active">articles</a> </li> <li> <a ui-sref="socialmedia" ui-sref-active="active" href="/socialmedia" class="">social media</a> </li> </ul> </li> <li> <a ui-sref="contact" ui-sref-active="active" href="/contact">contact</a> </li> </ul> </div> </div> </div> </div> </div> <div id="body" style="margin-top: 25px; height: 518px;"> <!-- flash messages allow display once-off status messages users, e.g. form validation errors, success messages, etc --> <!-- content block should contain body of template's content--> <!-- uiview: --><ui-view class="ng-scope"><div class="container ng-scope"> <h1>blog</h1> </div> <div class="container ng-scope"> <div class="row"> <div class="col-sm-8 col-md-9 ctransparent"> <h4 class="text-weight-normal">showing 2 post.</h4> <div class="blog"> <div data-ks-editable="" class="post wtransparent"> <h2><a ui-sref="post({articletitle: 'implementing-fatca-all-over' })" href="/blog/post/implementing-fatca-all-over">implementing fatca over</a></h2> <p class="lead text-muted">posted in <a href="/blog/regulatory">regulatory</a> bengt </p> <img src="" class="img pull-right"> <p></p><p><span style="color: #333333; font-family: arial, sans-serif; text-align: justify;">dbfs engaged 1 of worlds leading global brokers consult on implementation of fatca more 200 entities in on 30 jurisdictions. in paper share of lessons learnt undertaking implementation of size and, whilst project specific fatca, believe same issues , solutions relevant when implementing oecd common reporting standard , dac on next year.</span></p><p></p> <p class="read-more"><a ui-sref="post({articletitle: 'implementing-fatca-all-over' })" href="/blog/post/implementing-fatca-all-over">read more...</a></p> </div> <div data-ks-editable="" class="post wtransparent"> <h2><a ui-sref="post({articletitle: 'images-test' })" href="/blog/post/images-test">images test </a></h2> <p class="lead text-muted"> bengt </p> <img src="" class="img pull-right"> <p><br><br><br><br> testing imaegs <br></p> <p class="read-more"><a ui-sref="post({articletitle: 'images-test' })" href="/blog/post/images-test">read more...</a></p> </div> </div> </div> <div class="col-sm-4 col-md-3"> <h2>categories</h2> <div style="margin-top: 70px;" class="list-group"> <a href="/blog" class="active list-group-item">all categories</a> <a ui-sref="blog({category: 'regulatory' })" class="false list-group-item" href="/blog/regulatory">regulatory</a> </div> </div> </div> <ul class="pagination"> <li class="disabled"> <a ui-sref="blog({page 'false' })"> <span class="glyphicon glyphicon-chevron-left"></span> </a> </li> <li class="active"><a href="/blog?page=1">1</a></li> <li class="disabled"> <a ui-sref="blog({page 'false' })"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </li> </ul> </div> </ui-view> </div> <div id="footerwrap" class="container footer-constructmind"> <div id="footer" style="width:100%; margin: 0px; padding-top: 10px; height: 50px;"> <p></p> <p> <span style="float: left; padding-left: 10px;"> <a href="http://constructmind.com" target="_blank">© constructmind 2016</a> | <a href="/keystone/signout">sign out</a> </span> <span style="float: right; padding-right: 10px; margin-top: -5px;"> <a href="mailto:contact@constructmind.com" style="border-width:0px; border:0px; text-decoration: none;"><img width="25" height="25" style="border: none; width: 25px; max-width: 25px !important; height: 25px; max-height: 25px !important;" src="/images/logos/png/40px/website.png"></a> <a href="https://www.linkedin.com/in/bengtbjorkberg" style="border-width:0px; border:0px; text-decoration: none;"><img width="25" height="25" style="border: none; width: 25px; max-width: 25px !important; height: 25px; max-height: 25px !important;" src="/images/logos/png/40px/linkedin.png"></a> <a href="https://plus.google.com/108193570873442725868" style="border-width:0px; border:0px; text-decoration: none;"><img width="25" height="25" style="border: none; width: 25px; max-width: 25px !important; height: 25px; max-height: 25px !important;" src="/images/logos/png/40px/googleplus.png"></a> <a href="skype:vrghost-242?call" style="border-width:0px; border:0px; text-decoration: none;"><img width="25" height="25" style="border: none; width: 25px; max-width: 25px !important; height: 25px; max-height: 25px !important;" src="/images/logos/png/35px/skype.png"></a> </span> </p> </div> </div> </div> <!-- end javascript --> <!--start google analytics--> <!--end google analytics--> <script async="" src="https://www.google-analytics.com/analytics.js"></script><script src="/js/jquery/jquery-2.1.4.min.js"></script> <script src="/js/bootstrap/bootstrap-3.3.5.min.js"></script> <script src="/keystone/js/content/editor.js"></script> <script src="/bower_components/angular/angular.min.js"></script> <script src="/bower_components/angular-sanitize/angular-sanitize.min.js"></script> <script src="/bower_components/angular-ui-router/release/angular-ui-router.min.js"></script> <script src="/bower_components/angular-animate/angular-animate.min.js"></script> <script src="/bower_components/angular-resource/angular-resource.min.js"></script> <script> (function(i,s,o,g,r,a,m){i['googleanalyticsobject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new date();a=s.createelement(o), m=s.getelementsbytagname(o)[0];a.async=1;a.src=g;m.parentnode.insertbefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'ua-61636453-1', 'auto'); ga('send', 'pageview'); </script> <script src="/javascripts/constructmind.js"></script> <iframe id="rufous-sandbox" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true" style="position: absolute; visibility: hidden; display: none; width: 0px; height: 0px; padding: 0px; border: none;"></iframe></body></html>
you have turn off bbcode plugin, responsible conversion [img].
Comments
Post a Comment