rich text editorダウンロード - rich text editorソースコードのダウンロード

rich text editor

その他のリソース

v.8.1.7

ダウンロード

今後の壊れた変更警告

18.10。古いコードベースの書き直しであるリッチテキストエディターの新しいメジャーバージョン（V8）をリリースします。この警告は、バージョン化を使用してNPMパッケージのユーザーにとっては重要ではありませんが、UNPKGバンドル（http://unpkg.com/rich-text-editor/dist/rich-text-editor-bundle.js）のユーザーは、コードの最新のバンドルが予想どおりに機能しないことに気付くでしょう。システムの壊れた変更を回避するために、UNPKGパッケージのバージョンを次のようにV7の最後の安定したバージョンに明示的に設定できます：http://unpkg.com/[email protected]/dist/rich-text-editor-bundle.js

これにより、リリースされたら、新しいバージョンに対応するためにシステムを開発する時間が得られます。

abitti.net

Abitti商標ポリシーの使用

フィンランドの入学試験委員会の数学サポートを備えた豊富なテキストエディター。ライブデモはhttps://math-demo.abitti.fi/にあります

v4.0.0以降、ESモジュールを持つES2017コードのみが提供されます（ distディレクトリ内）。このライブラリを使用する場合は、おそらくWebpackやロールアップなどのバンドラーが必要です。

使用法

npmでの使用

npm install rich-text-editor 。リッチテキストエディターは、として使用できます

Reactコンポーネントはimport RichTextEditor from 'rich-text-editor'
または、 import { makeRichText } from 'rich-text-editor/dist/rich-text-editor'を使用していないアプリの関数として」

コンポーネントまたは初期化関数に渡されたほとんどのプロパティについては、以下に説明します。詳細については、タイプおよび/またはソースコードをご覧ください。

CDNバンドルとしての使用

ソースがhttps://unpkg.com/rich-text-editor/dist/rich-text-editor-bundle.js <script type="module" src="https://unpkg.com/rich-text-editor/dist/rich-text-editor-bundle.js"></script>

これにより、 makeRichTextウィンドウに追加され、エディターの初期化に使用できます。

関数は、次のパラメーターをオブジェクトとして取得します。

鍵	デフォルト
容器	document.getElementByID（ 'Rich-Text-Editor -Root'）
言語	「fi」
baseurl	''
AlductFileTypes	['image/png'、 'image/jpeg']
onvalueChange	（）=> {}
TextAreaProps	{}

例：

 {
  container: document.getElementById('rich-text-editor-root')!,
  language: 'FI',
  baseUrl: '',
  allowedFileTypes: ['image/png', 'image/jpeg'],
  onValueChange: () => {},
  textAreaProps: {},
}

TextAreaPropsは、目に見えるエディター要素である基礎となるDIV要素に渡されます。CDNユーザーの構成に関連するものは次のとおりです。

鍵	タイプ	目的
ariainvalid	ブール	Aria-Invalidを追加します
arialabelledby	弦	aria-labelledbyを追加します
EditorStyle	React.CSSPROPERTIES	エディター要素にCSSプロパティを直接
className	弦	エディター要素への追加のクラス名
id	弦	エディター要素へのid-field
ラング	弦	アクセシビリティのために編集者要素にlang-field

目標（提出する前にこれを読む）

Finnish Matriculation検査の候補者がスクリーンショットを添付し、その提出物の一部として方程式を書き込むことができるように、豊富なテキストエディターが開発されました。私たちの目的は、Textareaの汎用ドロップイン交換を作成することではなく、Abittiとその組み込みブラウザで機能するエディターを作成することです。

すべてのバグレポートを祝いながら、機能リクエストとプルリクエストを祝います。

フォーミュラの入力とラテックスのレンダリングに関連する問題のほとんどは、MathjaxおよびMathquillライブラリによって引き起こされます。提出された問題に基づいて、プルリクエストを書くリソースはありません。同様の理由で、私たちに報告された上流の問題を通過しません。
私たちは、私たちの使命の外に該当する問題やプル要求に注意を払っていません - アビッティ。

法律で指定された目標に集中したいという私たちの願望を理解していただければ幸いです。

依存関係

Mathquill（https://github.com/digabi/mathquill）
Mathjax-node
jquery
Sanitize-HTML

はじめる

node.jsをインストールします
npm installを実行します。
npm run devを実行します。
ブラウザテスト：http：// localhost：5111/test/tests.html
マニュアルテスト：http：// localhost：5111/test/tests.html？grep = Manual

バンドルをローカルにテストします

npm run build実行します
npm run dev-server実行します
python3 -m http.server 8080など、プロジェクトルートで単純なHTTPサーバーを実行します。
dev/index.htmlスクリプトタグを編集してバンドルを指します： <script type="module" src="/dist/rich-text-editor-bundle.js"></script> （これをコミットしないでください）。
http：// localhost：8080/dev/index.htmlにアクセスしてください