jquery所见即所得的帖子布局问题

Posted

技术标签:

【中文标题】jquery所见即所得的帖子布局问题【英文标题】:jquery wysiwyg post layout issue 【发布时间】:2017-02-08 04:36:27 【问题描述】:

我遇到了 jquery 所见即所得的问题。当新编辑的文本被更新并保存在数据库中时,就会出现问题。问题是我保存的文本没有布局(例如没有粗体或换行)发布到数据库。所有文本只是一个接一个地粘贴和粘贴。数据库字段设置为 TEXT。

例子:

这是粗体字

这是一个新行

保存后变为:This is a bold textThis is a new line

谁能帮帮我?

php 中的代码

$mails = $db->search('mail');
$tpl->assign('mails', $mails); 

if ($_POST['save']) 
foreach($mails as $mail) 
    $db->id = $mail['MailID'];
    $db->text = $_POST['text'.$mail['MailID']];
    $db->save('mail');

header('Refresh: 0');

http://imgur.com/a/fxUmU查看问题图片


代码单页

literal
    <script>
        $(document).ready(function() 
            var editors = $('#form textarea');
            $.each(editors, function () 
                $(this).wysiwyg();
            );
        );
    </script>
/literal

        <!-- START CONTENT -->
        <div class="content">
            <form method="post" action="" id="form" enctype="multipart/form-    data">

                <!-- START jWYSIWYG TEXT EDITOR -->
                foreach from=$mails item=mail
                    <div class="simplebox grid740">
                        <div class="titleh">
                            <h3>$mail.title</h3>
                        </div>
                        <div class="body">
                            <textarea class="st-forminput"         name="text$mail.MailID" rows="5" cols="47" style="width:96.5%;">$mail.text    </textarea>
                        </div>
                    </div>
                /foreach
                <!-- END jWYSIWYG TEXT EDITOR -->

                <div class="button-box center">
                    <input type="submit" name="save" id="button" value="Save"             class="st-button"/>
                </div>
            </form>

【问题讨论】:

显示你的一些代码 "the" jquery wysiwyg? jquery有官方所见即所得??? 使用调试器查看发送到服务器的内容。 @depperm 显示代码 @AndrewR 我已经尝试过调试,但仍然找不到问题所在 【参考方案1】:

首先,您应该确保您发布的内容实际上包含 html 标签。如果是,那么试试这个来保存https://***.com/a/4577962/1084306。我相信您需要确保在插入之前对数据进行编码。反之亦然,您需要对其进行解码才能在页面上呈现。

【讨论】:

你已经这样做了吗? “确保您发布的内容实际上包含 html 标签”。数据库中的数据是什么样的? 是的,我尝试激活 jWYSIWYG 上的 html 以确保发布到数据库的文本是 html 格式,但不知何故它仍然无法正确发布 Tina 在插入数据库之前$_POST['text'.$mail['MailID']]; 的值是多少? 好吧听起来问题是所见即所得没有发布 html 数据。您使用的是哪个 Wysiwig?你能提供一些代码/代码链接吗? (对于所见即所得) 好的。您如何将该值传递到下一页? Jquery 或只是一个表单提交?而当你在存档页面上var_dump($_POST['text'.$mail['MailID']]),你会得到什么价值?

以上是关于jquery所见即所得的帖子布局问题的主要内容,如果未能解决你的问题,请参考以下文章

集成 Markdown 所见即所得文本编辑器

JavaScript jquery所见即所得

将 jquery 添加到管理面板内的 Magento 页面 [所见即所得编辑器]

“Android”中的所见即所得视图编辑器?

什么是最好的非所见即所得文本区域编辑器?

所见即所得 - execCommand 使用 HTML5 正确更改字体和字体大小