使用php从mysql数据库中获取数据,以WYSIWYG形式显示以进行编辑

发布时间：2020-12-14 22:37:50 所属栏目：资源来源：网络整理

导读：我正在开发一个与bootstrap WYSIWYG表单有关的cms项目,用于从数据库中插入和检索.插入代码正常工作,检索代码也可以正常工作,但在我想编辑文章时不起作用.当我点击编辑链接时, 当我将值回显到它们各自的表单类型时,它仅适用于基于Bootstrap的WYSIWYG不回显任

我正在开发一个与bootstrap WYSIWYG表单有关的cms项目,用于从数据库中插入和检索.插入代码正常工作,检索代码也可以正常工作,但在我想编辑文章时不起作用.当我点击编辑链接时,< a href ='index.php？page = edit& id =“.$row ['id'].”'>< span data-placement ='top'数据-toggle ='tooltip'title ='编辑'>< button class ='btn btn-primary btn-xs'data-title ='编辑'>< span class ='glyphicon glyphicon-pencil'>< ; /跨度>< /按钮><跨度>< / A>它引用了我的编辑页面.在我的edit.php页面上,我有这个代码从数据库中选择,它运行良好


当我将值回显到它们各自的表单类型时,它仅适用于基于Bootstrap的WYSIWYG不回显任何值,但如果我将其更改为普通textarea,它可以正常工作.这是我在edit.php页面上的代码


有什么帮助吗？


最佳答案
我找到了：p我在这里做了一个javascript演示：https://jsfiddle.net/x14vdkk0/1/
如果您无法设置该值,则根本原因在多个行上.
的确,你做的是这样的：

$(document).ready(function() {
    $('#txtEditor').Editor();
    $('#txtEditor').Editor('setText','My text with 

您可以看到(console.log)部分第二行出错,因为javascript无法识别这一点.



Solution: escape all carriage return

来自数据库
你有一个漂亮的函数json_encode,可以保护你免受所有这类问题的影响,并且可以对你的变量进行javascripti.

$(document).ready(function() {
    $('#txtEditor').Editor();
    $('#txtEditor').Editor('setText',


I din’t forgotten the quotes around the php function. Why ? Because

  json_encode function will add the quote aroud your text. If you do a

  json_encode('toto') output will be "toto" ; If you do a

  json_encode([key' => 'toto']) output will be {"key":"toto"}

就这样 ：)
另一种方案：
对于textarea,请使用htmlspecialchars($description)

</pre>
<p>和：</p>
<p></p>
<pre><code>$(document).ready(function() {
    $el = '#txtEditor';
    $($el).Editor();
    $($el).Editor('setText',$($el).val());
});
</code></pre>
</div>
<!-- 52php.cn -->                        <p style="text-align:right;">（编辑：李大同）</p>
<p style="text-align:right;">【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!</p>
                    </td>
                  </tr>
                </table>
            </div>
            <div class="dede_pagess"><ul class="pagelist"></ul></div>
            <div class="ad-690"><script src='https://ess.0577qiche.com/d/js/acmsd/ad76.js' language='javascript'></script></div>
            <div class="g-box10">
            	<div class="t-2">相关内容</div>
<ul class="b-box12"></ul>
<ul class="b-box13"><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/232913.html" target="_blank">html – 用于非输入/非交互元素是一种好习惯吗？</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/269972.html" target="_blank">javascript  – 动画滑动div反弹而不是顺利出现/消失</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/245186.html" target="_blank">html – 从资本中的数据值属性获取值</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/231971.html" target="_blank">HTML – 是否可以使用混合流体/非流体网格系统？</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/268693.html" target="_blank">如何强制netbeans html自动完成使用双引号而不是单引号？</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/252404.html" target="_blank">HTML字符在特定点打破长字</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/243870.html" target="_blank">html – Flex框最后一个项目占据容器的整个宽度.我怎么解决</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/259113.html" target="_blank">微信小程序 video组件详解及实例代码</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/244979.html" target="_blank">html – text-align不能在safari上工作</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/268442.html" target="_blank">你如何解决PHP中的“非结构化”导航？</a></li><div class="cl"></div></ul>
            </div>
        </div>
    </div>
    <div class="right-1 fr">
    	<div class="g-box8">
        <div class="t-2">推荐文章</div>
            <ul></ul>
        </div>
    	<div class="g-box11">
        <div class="t-2">站长推荐</div>
            <ul class="b-box7"><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/270560.html" target="_blank">javascript  – 减少显示提示的延迟(如img的标题</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/244266.html" target="_blank">.net – 创建wcf Web服务实例时出现InvalidOpera</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/271945.html" target="_blank">如何调试异步加载页面里包含的js文件</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/270168.html" target="_blank">html  – 展开另一个元素时崩溃元素css</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/257801.html" target="_blank">微信小程序中页面FOR循环和嵌套循环</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/246228.html" target="_blank">微信小程序日常排坑(持续更新)</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/261941.html" target="_blank">html – 找到松散的团队ID和渠道ID的最简单方法是</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/242873.html" target="_blank">Symfony 1.4：表单中CSRF的自定义错误消息</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/270767.html" target="_blank">.htaccess正则表达式、重定向代码</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/251809.html" target="_blank">html – Facebook风格状态输入边框</a></li></ul>
        </div>
        <script type="text/javascript">jQuery(".g-box8").slide({ titCell:"li",triggerTime:0 });	</script>
        <div class="ad-250"><script src='https://ess.0577qiche.com/d/js/acmsd/ad103.js' language='javascript'></script></div>
    	<div class="g-box3 u-3">
        <div class="t-1">热点阅读</div>
            <ul class="b-box2"></ul>
        </div>
        <div class="ad-250"><script src='https://ess.0577qiche.com/d/js/acmsd/ad77.js' language='javascript'></script></div>
        </div>
	<div class="cl"></div>
</div>
<div class="ad-960"><script src='https://ess.0577qiche.com/d/js/acmsd/ad78.js' language='javascript'></script></div>
<div class="footer">
<p>【免责声明】本站内容转载自互联网，其发布内容言论不代表本站观点，如果其链接、内容的侵犯您的权益，烦请提交相关链接至邮箱bqsm@foxmail.com我们将及时予以处理。</p>
<p>建议您使用1920×1080分辨率、谷歌浏览器Google Chrome、Microsoft Edge以获得本站的最佳浏览效果</p>
<p>Copygight © 2008-2022 https://www.lidatong.com.cn/ All Rights Reserved. 李大同</p>
<p><script type="text/javascript" src="//js.users.51.la/21280179.js"></script></p>
</div>
</body>
</html>