Heim  >  Artikel  >  Web-Frontend  >  Ausführliche Erläuterung der Beispiele für die Rich-Text-Verarbeitung von js und die Formularübermittlungsfunktion

Ausführliche Erläuterung der Beispiele für die Rich-Text-Verarbeitung von js und die Formularübermittlungsfunktion

小云云
小云云Original
2018-03-13 15:32:542480Durchsuche

本文主要和大家分享js富文本处理和表单提交功能实例详解,主要以代码的形式和大家分享,希望能帮助到大家。

一,js处理富文本

 function decodeHtml(s) {
        var HTML_DECODE = {
            "<": "<",
            ">": ">",
            "&": "&",
            " ": " ",
            """: "\"",
            "&copy;": ""
            // Add more
        };

        var REGX_HTML_ENCODE = /"|&|&#39;|<|>|[\x00-\x20]|[\x7F-\xFF]|[\u0100-\u2700]/g;

        var REGX_HTML_DECODE = /&\w+;|&#(\d+);/g;

        var REGX_TRIM = /(^\s*)|(\s*$)/g;

        s = (s != undefined) ? s : "";
        return (typeof s != "string") ? s :
            s.replace(REGX_HTML_DECODE,
                function ($0, $1) {
                    var c = HTML_DECODE[$0];
                    if (c == undefined) {
                        // Maybe is Entity Number
                        if (!isNaN($1)) {
                            c = String.fromCharCode(($1 == 160) ? 32 : $1);
                        } else {
                            c = $0;
                        }
                    }
                    return c;
                });
    };
    $(document).ready(function(){

        var content= "{{$data[&#39;content&#39;]}}";
        $("#content").append(decodeHtml(content));
    });

二,表单提交

        //获取表单的所有数据
       var form_data = $(&#39;#From_id_2&#39;).serializeArray();
     
        var m = [], idata;

        $.each(form_data, function (i, field) {
            m.push(&#39;"&#39; + field.name + &#39;":"&#39; + encodeURI(field.value) + &#39;"&#39;);
        });
        idata = &#39;{&#39; + m.join(&#39;,&#39;) + &#39;}&#39;;
        // 按字符 idata 转换成 JSON 格式
        idata = eval(&#39;(&#39; + idata + &#39;)&#39;);
        console.log(idata);  //表单的所有数据,可以直接提交到后台

相关推荐:

简单实现JavaScript 富文本编辑器的方法

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Beispiele für die Rich-Text-Verarbeitung von js und die Formularübermittlungsfunktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn