红穆笔记
首頁 程序筆記 emlog 後臺編輯文章的時候,自動保存和顯示統計字數
程序筆記 emlog

emlog 後臺編輯文章的時候,自動保存和顯示統計字數

emlog 后台编辑文章的时候,自动保存和显示统计字数

具體修改後如圖:

ad1a1b7183081645

 

具體到保存了多少秒!

同時顯示字數有多少,非常方便大家查看自己文章!

修改教程:

打開文件:/admin/views/article_write.php,找到代碼:

<label>文章摘要:</label>

大概18行!

在這段代碼上面增加一串代碼:

<span id="save_info2"></span><br>

修改後截圖爲:

ad1a1b7183081942

第二步修改

打開文件,/admin/views/js/common.js,找到函數autosave

將函數替換爲:

function autosave(act) {
    const nodeid = "as_logid";
    const timeout = 60000;
    const url = "article_save.php?action=autosave";
    const alias = $.trim($("#alias").val());
    const content = Editor.getMarkdown();
    let ishide = $.trim($("#ishide").val());
    if (ishide === "") {
        $("#ishide").val("y")
    }

    if (alias != '' && 0 != isalias(alias)) {
        $("#msg").show().html("鏈接別名錯誤,自動保存失敗");
        if (act == 0) {
            setTimeout("autosave(1)", timeout);
        }
        return;
    }
    // 編輯發佈狀態的文章時不自動保存
    if (act == 1 && ishide == 'n') {
        return;
    }
    // 內容爲空時不自動保存
    if (act == 1 && content == "") {
        setTimeout("autosave(1)", timeout);
        return;
    }
    // 距離上次保存成功時間小於一秒時不允許手動保存
    if ((new Date().getTime() - Cookies.get('em_saveLastTime')) < 1000 && act != 1) {
        alert("請勿頻繁操作!");
        return;
    }
    const btname = $("#savedf").val();
    $("#savedf").val("正在保存中...");
    $('title').text('[保存中] ' + titleText);
    $("#savedf").attr("disabled", "disabled");
    $.post(url, $("#addlog").serialize(), function (data) {
        data = $.trim(data);
        var isresponse = /.*autosave\_gid\:\d+\_.*/;
        if (isresponse.test(data)) {
            const getvar = data.match(/_gid:([\d]+)_/);
            const logid = getvar[1];
            const d = new Date();
            const h = d.getHours();
            const m = d.getMinutes();
            const s = d.getSeconds();
            const tm = (h < 10 ? "0" + h : h) + ":" + (m < 10 ? "0" + m : m) + ":" + (s < 10 ? "0" + s : s); // 添加秒數
            const contentWithoutNewlines = content.replace(/\n/g, ""); // 移除換行符
            const wordCount = contentWithoutNewlines.length; // 統計文章字數
            $("#save_info").html("保存於:" + tm + ",字數:" + wordCount + " <a href=\"../?post=" + logid + "\" target=\"_blank\">預覽文章</a>");
            $("#save_info2").html("保存於:" + tm + ",字數:" + wordCount + " <a href=\"../?post=" + logid + "\" target=\"_blank\">預覽文章</a>");
            $('title').text('[保存成功] ' + titleText);
            articleTextRecord = $("#addlog textarea[name=logcontent]").val(); // 保存成功後,將原文本記錄值替換爲現在的文本
            Cookies.set('em_saveLastTime', new Date().getTime()); // 把保存成功時間戳記錄(或更新)到 cookie 中
            $("#" + nodeid).val(logid);
            $("#savedf").attr("disabled", false).val(btname);
        } else {
            $("#savedf").attr("disabled", false).val(btname);
            $("#save_info").html("保存失敗,可能文章不可編輯或達到每日發文限額").addClass("alert-danger");
            $('title').text('[保存失敗] ' + titleText);
        }
    });
    if (act == 1) {
        setTimeout("autosave(1)", timeout);
    }
}

替換後,保存即可!

微信赞赏

微信

支付宝赞赏

支付寶

✍️ 作者: 紅穆

網站管理員 · 感謝閱讀,更多精彩內容敬請關注

作者主頁 查看主頁 →

相關文章

emlog实现编辑文章的时候自动保存

emlog實現編輯文章的時候自動保存 程序筆記 emlog

這裏的自動保存功能是指編輯已經發布過的文章時的自動保存,並不會產生多餘的ID或者草稿!點擊自動保存按鈕後,頁面便會自動提交保存,並不會影響你的編輯!好處就是,可以隨時保存你的文章,如果斷電,斷網,沒有保存的話,那麼丟失的東西可能會讓你哭!來,教程開始!第一步,打開/admin/views/artic…
👁 244
emlog 后台编辑器设置文字大小

emlog 後臺編輯器設置文字大小 程序筆記 emlog

emlog編輯文字的時候,顯示的字體太小,看着真的太難受了,不調整的話,簡直看不小去!想要將字體大小設置爲16px。可以通過修改以下代碼實現:第一步,打開/admin/views/article_write.php文件在 Editor 和 Editor_summary 的初始化部分,找到 path:…
👁 201
emlog 文章换行修改为p标签

emlog 文章換行修改爲p標籤 程序筆記 emlog

emlog這個新版本的,用不習慣,編輯器還是有一大堆問題!但是我又不熟悉js,只有在php上面修改換行了!找到你自己文章頁的模版,例如:echo_log.php修改你的文章輸出的變量! &lt;? $log_content = str_replace("&lt;br /&gt;","&lt;/p&g…
👁 190
emlog pro 开心破解版,学习交流使用

emlog pro 開心破解版,學習交流使用 程序筆記 emlog

本站使用WordPress程序,emlog僅爲了學習交流而臨時使用最近想起之前的emlog程序,以前用來寫過博客,用起來還是很不錯的,一時興起就下載來用了!但是有了所謂的付費版!於是網上找一番,找到了一個破解腳本,本着學習精神的我,實踐了一番,效果如下:效果非常不錯,其實emlog源碼都是開源的,也…
👁 1587
emlog pro 注册码“破解”教程(如果有一天,emlog官方版 或者 emlog免费版 跑路了,那用户怎么办?)

emlog pro 註冊碼“破解”教程(如果有一天,emlog官方版 或者 emlog免費版 跑路了,那用戶怎麼辦?) 程序筆記 emlog

前言emlog pro 註冊碼“破解”教程,爲什麼要給“破解”加上引號?因爲 emlog 是完全的開源軟件,任何人都可以隨意下載修改,既然是開源軟件,所以也就沒有破解一說正文如果有一天,emlog官方版 或者 emlog免費版 跑路了,那用戶怎麼辦?如果有一天,你的 emlog pro 無法連接上授…
👁 1264
emlog 如何实现管理员登录可见?

emlog 如何實現管理員登錄可見? 程序筆記 emlog

研究了一下emlog,下載了一個模板,使用過程中,發現沒有登錄可見的功能!我想要的是管理員登錄可見!於是乎看了看官方文檔:可以直接使用的常量變量、常量類型說明Option::EMLOG_VERSION常量獲得當前emlog版本號ROLE常量當前用戶角色(用戶組):admin 管理員、writer 注…
👁 259

推薦閱讀

响应式短视频直播带货营销单页网站模板 1120

響應式短視頻直播帶貨營銷單頁網站模板 1120 實用收藏 易優模板

此套eyoucms響應式模板適用於短視頻、直播帶貨與營銷單頁,設計風格潮流營銷,能夠展示直播帶貨案例、短視頻內容及營銷方案。有助於MCN機構或營銷公司在線上吸引品牌合作。模板展示 安裝說明 網站後臺:/login.php 賬號:admin 密碼:admin 相關文章易優CMS安裝常見問題總結易優CM…
👁 56
ibtmp1文件有什么作用,删除了有什么影响?

ibtmp1文件有什麼作用,刪除了有什麼影響? 踩坑總結

ibtmp1 文件是 MySQL 中 InnoDB 存儲引擎的臨時表空間文件之一,它用於存儲 InnoDB 存儲引擎創建的臨時表和排序數據。臨時表是在執行臨時計算或處理大量數據時用於存儲結果集或中間結果的表,排序數據用於存儲排序操作中的中間結果以及磁盤臨時文件。如果您意外地刪除 ibtmp1 文件,…
👁 395
财税管理顾问企业网站模板 0414

財稅管理顧問企業網站模板 0414 實用收藏 易優模板

此套eyoucms模板適用於財稅管理與顧問企業,設計風格專業嚴謹,能夠展示財稅服務、管理諮詢、成功案例及企業實力。有助於財稅顧問公司在線上展示品牌,吸引企業客戶。模板展示 安裝說明 網站後臺:/login.php 賬號:admin 密碼:admin 相關文章易優CMS安裝常見問題總結易優CMS(Ey…
👁 66
(自适应手机端)英文外贸网站模板 企业通用电子产品外贸网站源码下载 0901

(自適應手機端)英文外貿網站模板 企業通用電子產品外貿網站源碼下載 0901 實用收藏 pbootcms模板

一款英文外貿與通用電子產品外貿PbootCMS網站模板,支持PC與WAP端。設計風格國際化簡約,適合電子產品外貿企業展示品牌與產品。有助於中國電子產品製造企業在全球市場上展示形象。模板展示 安裝說明 網站後臺:/admin.php 賬號:admin 密碼:admin 解壓密碼:www.4s5.cn相…
👁 48
(自适应手机端)pbootcms营销型机械轴承实业类网站模板 响应式五金机械设备企业网站源码下载 0226

(自適應手機端)pbootcms營銷型機械軸承實業類網站模板 響應式五金機械設備企業網站源碼下載 0226 實用收藏 pbootcms模板

一款自適應手機端的PbootCMS營銷型機械軸承與五金機械設備企業網站模板。設計風格專業大氣,注重產品展示與品牌調性。有助於機械製造企業在線上展示產品系列,獲取精準客戶詢盤。模板展示 安裝說明 網站後臺:/admin.php 賬號:admin 密碼:admin 解壓密碼:www.4s5.cn相關文章…
👁 35