Display disguise HN: 目に見えるスクリプトエディター用の NPM キット

Display disguise HN: 目に見えるスクリプトエディター用の NPM キット

February 17, 2023 📢 ℝ𝕒𝕧𝕖𝕤™

Luna Park は、オンライン用の目に見えるスクリプトエディタです。コードよりも速くて単純で、コードなしよりも汎用性とパフォーマンスが高く、目に見えるスクリプトにより、誰でもマシンパターンにアクセスできます.

エディターを組み合わせてカスタマイズできるこのキットの可能性あなたの保留プラットフォームのために。これにより、ユーザーはネイティブノードを使用してパーソナライズされたロジックを作成できるようになる可能性があります。

でエディターを試している可能性があります。ルナパークオンラインページ . 目に見えるスクリプトを関連付ける簡単な方法を見つけるための説明では、Luna Park の論争という一連のパズルを使い果たす可能性があります。

Luna Park エディターをプラットフォームに組み込む方法について説明すると、エディターをインポーズする GitHub リポジトリは次のとおりです: https://github.com/lunapark/demo

Luna Park エディターをインストールします。 > pnpm install luna-park

関連付ける必要があるノードライブラリをインストールします:

> pnpm install @luna-park/lib-same old @luna- park/lib-string @luna-park/lib-math

市場の正当なライブラリ内: lib-same old,lib-array, lib-date,lib-dom ,

lib-json ,lib-math ,lib-regex,lib-string,lib-url . エディタの開発ここに、可視スクリプトエディタを関連付けるスニペットがあります:

輸入 { LpLogicEditor

, loadNodeLib , LpEditorConsole } から “ルナパーク”; // ここに編集者の ID があります。同じページ内で複数の編集者を関連付けたい場合に使用します。

const editorId )=”myCustomEditor”;

loadApplication(

)

; // エディターが遊び場として不規則な場合、スタンドアロンの引数が重要です const 編集者

LpLogicEditor

( { editorId, スタンドアロン：ただ });

// エディタをコンテナに追加します書類

.querySelector(“＃編集者”). 追記

ノードライブラリのロード

エディタを有効にするには、いくつかのノードライブラリをロードする必要があるようです。次の関数を使用して一意の LpLogicEditor を整理する前に、それらをロードすることが重要です:

LogicNodes として LogicNodesStandard }

「@luna-park/lib-same old」

;

loadNodeLib )

(editorId

,

LogicNodesStandard )

; loadNodeLib (

, LogicNodesString)テーマのカスタマイズ

チケットの配色に合わせてテーマをカスタマイズする方法について説明します。 lp-theme HTML コンポーネントをアプリのどこにでも関連付けることができます。おそらく、最初の配色と背景の配色を指定すると、すべての色がロボットによって生成されます。

lp-theme 主要な

#ffff00" ティント"/>

この状況をさらに見てみるといいかもしれません GitHubリポジトリオファー：

Vueインスタンス

Reactインスタンス

バニラ TS インスタンス

ルナパークは魅力的なパターンです。今のところ、合法的に強くなるかもしれません
Discord ser

𝚆𝚊𝚝𝚌𝚑 𝙽𝙾𝚆 📺

Awesome, Package, Visual Julian Assange, Package, Visual