紅穆ノート
レコメンド プログラムノート emlogの管理コンソールで記事を編集する際、自動保存および文章数の統計表示が実行されます。
プログラムノート emlog

emlogの管理コンソールで記事を編集する際、自動保存および文章数の統計表示が実行されます。

emlogの管理コンソールで記事を編集する際、自動保存および文章数の統計表示が実行されます。

具体的な変更内容は図に示されています:

ad1a1b7183081645

 

具体的には、何秒間保存されたか!

文章の文字数を同時に表示するため、ユーザーが自身の記事を簡単に確認できるようになっています!

チュートリアルの編集:

ファイルを開く:/admin/views/article_write.phpコードを検索:

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

約18行です!

このコード段落に次のコードを追加してください:

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

編集後のスクリーンショット:

ad1a1b7183081942

第2段階:修正

ファイルを開く/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);
    }
}

置換後、保存してください!

微信赞赏

WeChat

支付宝赞赏

Alipay

✍️ クリエイター: 紅穆

ウェブサイト管理者 · ご覧いただきありがとうございます!さらに多くの魅力的なコンテンツをお楽しみいただけますよう、引き続きご支援をお願いいたします。

著者プロフィール プロフィールを見る →

関連記事

emlogでは、記事を編集する際に自動的に保存されます。

emlogでは、記事を編集する際に自動的に保存されます。 プログラムノート emlog

この「自動保存」機能とは、既に公開済みの記事を編集する際に自動的に保存される機能を指します。これにより、不要なIDや下書きが生成されることはありません!「自動保存」ボタンをクリックすると、ページが自動的に送信・保存され、編集作業に影響しません。メリットは、いつでも記事を保存できる点です。もし電源切れやインターネット接続中断により保存が行われなかった場合、失われた内容を追うのは非常に困難かもしれません!では、チュートリアルを開始します!第1段階:`/admin/views/artic…` を開いてください。
👁 251
emlogのバックエンドエディタで文字サイズを設定する

emlogのバックエンドエディタで文字サイズを設定する プログラムノート emlog

emlogでテキストを編集している際、フォントサイズが小さすぎると非常に不快に感じられます。この設定を変更しないと、文字がほとんど読み取れません。フォントサイズを16pxに設定したい場合は、以下のコードを編集することで実現できます:① admin/views/article_write.phpファイルを開き、EditorおよびEditor_summaryの初期化部分で、「path: …」という行を検索してください。
👁 207
emlogにおける記事の改行を`<p>`タグに変更する

emlogにおける記事の改行を`<p>`タグに変更する プログラムノート emlog

emlogの新バージョンはまだ使い慣れていないです。エディタにはまだ多くの問題があります!しかし、JavaScriptにあまり慣れていないため、PHPで改行処理を変更するしかありません!自身の記事ページのテンプレート(例:echo_log.php)を見つけ、記事出力用の変数を変更してください!&lt;? $log_content = str_replace(&quot;&lt;br/&gt;”, &quot;&lt;/p&amp;gt;…
👁 197
emlog Pro「開心破解版」 – 学習・交流・利用に最適

emlog Pro「開心破解版」 – 学習・交流・利用に最適 プログラムノート emlog

本サイトではWordPressを採用しています。emlogは学習や情報交換の目的で一時的に使用しています。最近、以前にブログを運営していたemlogプログラムを思い出しました。以前から使用しており、非常に使いやすいものでしたので、気分を込めてダウンロードして試してみました!しかし、いわゆる有料版も存在していました。そこでネットで検索し、破解スクリプトを発見しました。学習心から実際に実践してみたところ、以下の結果となりました:結果は非常に良好です。実際、emlogのソースコードはすべてオープンソースであり、…
👁 1593
EMLOG Pro の登録コード「クラック」チュートリアル(もし将来、EMLOGの公式版または無料版が消失した場合には、ユーザーはどうすればよいでしょうか?)

EMLOG Pro の登録コード「クラック」チュートリアル(もし将来、EMLOGの公式版または無料版が消失した場合には、ユーザーはどうすればよいでしょうか?) プログラムノート emlog

前書き:EMLOG Proの登録コード「破解」チュートリアル — なぜ「破解」に引用符を付けるのか? EMLOGは完全なオープンソースソフトウェアであるため、誰でも自由にダウンロードし、編集できます。オープンソースソフトウェアである以上、「破解」という概念自体は存在しません。 本文:もし、EMLOGの公式版またはEMLOG無料版が突然停止した場合、ユーザーはどうすればよいでしょうか? あるいは、あなたのEMLOG Proが接続できない状態になった場合…
👁 1271
Emlogで管理者ログイン時にページが表示されるようにするにはどうすればよいですか?

Emlogで管理者ログイン時にページが表示されるようにするにはどうすればよいですか? プログラムノート emlog

EMLOGを調べて、テンプレートをダウンロードしましたが、使用中に「ログイン済みユーザーのみ表示」機能が利用できないことに気づきました。実際には、管理者のみが表示できる機能を実現したいと考えていました。そこで、公式ドキュメントを確認しました。そこでは、直接使用可能な定数変数や定数型の説明が記載されています。Option::EMLOG_VERSION:現在のEMLOGのバージョン番号を取得します。ROLE:現在のユーザーの役割(ユーザーグループ)を表します:admin(管理者)、writer(執筆者)…
👁 263

おすすめ読書

PythonをWindowsで実行可能なパッケージとしてパッケージ化する方法

PythonをWindowsで実行可能なパッケージとしてパッケージ化する方法 言語ノート python

Pythonでは、PyInstallerやcx_Freezeといったサードパーティ製ツールを使用して、PythonプログラムをWindowsで実行可能なエクセキュテブルファイルにパッケージ化できます。PyInstallerを使用する手順は以下の通りです:PyInstallerのインストール:pipコマンドを使用してインストールします:pip install pyin…
👁 374
機関車用データ収集装置:二重タイトル生成プラグイン(標準版|収集効率が高い)

機関車用データ収集装置:二重タイトル生成プラグイン(標準版|収集効率が高い) 実用収集 高速鉄道によるデータ収集

以前、このプラグインを1回公開しましたが、そのバージョンには若干の問題がありました。今回、プラグインを全面的に最適化しました!生成されたタイトルを英語の括弧で囲むことも、自定义の接続記号(例:-、_)を使用することも可能になりました。以前、このプラグインを用いた収集サイトで、迅速なデータ収集を実現しました。その他の機能も十分に最適化されているため、1か月で4回の権限取得が可能でした!使い慣れている方は購入してください。使い慣れていない方は、慎重にご購入ください。長文はおきません。実際に効果を確認してください:
👁 355
HTMLファイルを一括でPHP形式に変更する

HTMLファイルを一括でPHP形式に変更する 言語ノート PHP

使いやすい、愛用できる。<?php // セキュリティ注意:テスト環境で事前に実行し、重要ファイルをバックアップすることを推奨します echo "<h3>HTMLファイルを一括でPHPに変更</h3>"; // 確認用パラメータの有無を確認する if (isset($_GET['confirm']) && $_GET['conf…
👁 121
レスポンシブ対応の高級ホームカスタム化ウェブサイトテンプレート 0428

レスポンシブ対応の高級ホームカスタム化ウェブサイトテンプレート 0428 実用収集 YiYouテンプレート

このeyouCMS用レスポンシブテンプレートは、高級ホームカスタマイズ業界に最適です。豪華でモダンなデザインスタイルにより、全屋定制家具、デザイン事例、ブランドストーリー、およびサービスプロセスを効果的に紹介できます。高級ホームブランドがオンラインで住宅所有者を惹きつけ、ブランドイメージを向上させるのに役立ちます。テンプレート表示・インストール手順:ウェブサイトバックエンド:/login.php、アカウント:admin、パスワード:admin。関連記事:EasyCMSインストールに関するよくある質問集(EasyCMS…)。
👁 40
競技ゲーム展示スタジオ用ウェブサイトテンプレート 0599

競技ゲーム展示スタジオ用ウェブサイトテンプレート 0599 実用収集 YiYouテンプレート

このEyou CMSテンプレートは、競技ゲーム展示スタジオ向けに設計されており、ダイナミックでテクノロジー感のあるデザインスタイルを採用しています。競技ゲーム、イベント、チームの魅力、およびゲームコンテンツを効果的に紹介できます。ゲームスタジオがオンラインでブランドを紹介し、プレイヤーおよびファンを惹きつけるのに適しています。テンプレートの表示・インストール手順:ウェブサイトの管理画面:/login.php、ユーザー名:admin、パスワード:admin。関連記事:EasyCMSインストールに関するよくある質問集(EasyCMS(Ey…))。
👁 49