react json editor ajrm下載 - react json editor ajrm源碼下載

react json editor ajrm

其他資源

Locale Support & Other

下載

警告：

您可能已經知道，react-json-editor-ajrm 的原始項目並未得到積極維護，並且最終將被棄用。所以我決定設定一個正式的棄用日期。暫定日期為 2023 年 6 月 15 日。

棄用是什麼意思？

這意味著 Github 專案將以唯讀方式存檔。
這表示 npm 套件將顯示為已棄用，但不會被刪除。
這意味著新項目將於該日期正式上線。

我要感謝那些在專案中使用它的人和那些以某種方式為該專案做出貢獻的人。我只是不想再維持這個計畫了。它是在我軟體工程師職業生涯的早期開發的，它還沒有達到今天的標準，也沒有達到我的標準。

但別擔心。我打算從頭開始重寫它，為這個專案注入新的生命。

我想汲取過去的經驗教訓，並避免 React-json-editor-ajrm 目前存在的一些問題。我還想強調做得好的事情，並希望繼續下去。

我已經在這裡為這個新項目設定了一個家 enio。如果您有任何問題或意見，我還在這裡設定了討論。

反應 json 編輯器 ajrm

一個時尚的、類似編輯器的、模組化的 React 元件，用於查看、編輯和調試 javascript 物件語法！

安裝依賴項

使用節點包管理器：

   $ npm i --save react-json-editor-ajrm

如何使用

    import JSONInput from 'react-json-editor-ajrm';
    import locale    from 'react-json-editor-ajrm/locale/en';

    <JSONInput
        id          = 'a_unique_id'
        placeholder = { sampleObject }
        colors      = { darktheme }
        locale      = { locale }
        height      = '550px'
    />

提示：有兩個不同的根路徑： react-json-editor-ajrm和react-json-editor-ajrm/es 。第一個包含多填充的 ES5 程式碼，第二個包含未多填充的 ES6。 react-json-editor-ajrm/es版本與create-react-app不相容。如果您不確定需要/想要哪一個，請選擇第一個 - 它與工具和瀏覽器具有最佳相容性。

範例

./examples資料夾包含兩個範例：

webpack-project - 一個沒有太多重載的基本範例
create-react-app-project - 使用 create-react-app 模板的小範例

立即測試！

分叉和/或克隆此 Github 儲存庫
前往react-json-editor-ajrm/example下的範例專案：

    $ cd path/to/repo/react-json-editor-ajrm/example/webpack-project

安裝範例專案相依性：

    $ npm i

將範例網站提供給連接埠 8080：

   $ npm start

在網頁瀏覽器中開啟http://localhost:8080

即將推出的功能

錯誤修復。

特徵

就像在文字編輯器中一樣進行書寫。
檢查語法錯誤並提供回饋；自訂錯誤也可以覆蓋在編輯器上。
您可以根據需要自訂調色板。
接受placeholder屬性中的 javascript 對象，以便在元件安裝後顯示。
對於任何有效的 textContent，計算並在 this.state 中以純文字、標記文字和 javascript 物件的形式提供。
支援English 、 German 、 Spanish 、 Chinese 、 French 、 Indonesian 、 Russian 、 Hindi 、 Japanese和Tamil 。

組件屬性

姓名	描述	類型	必需的
語言環境	您的編輯器的區域設定。像這樣導入語言環境： `import locale from 'react-json-editor-ajrm/locale/en'` 。了解更多	目的	強制的
ID	指派給實際文字輸入 DOM 節點的可選`id` 。除了文字輸入之外，以下節點還將接收 id: `{id}-outer-box` 、 `{id}-container` 、 `{id}-warning-box` 、 `{id}-labels`	細繩	選修的
佔位符	發送一個有效的 javascript 對象，以便在安裝組件後顯示。指派不同的值以重新呈現元件的初始內容。	目的	選修的
重置	傳送`true`以使元件始終重新渲染或「重置」為`placeholder`屬性上提供的值。	布林值	選修的
僅供查看	如果您希望顯示的內容無法編輯，請傳送`true` 。	布林值	選修的
改變時	每當`onKeyPress`事件發生時，它都會傳回內容值。	目的	選修的
模糊	每當`onBlur`事件發生時，它都會傳回內容值。	目的	選修的
確認好	如果您希望複選標記確認隱藏良好的語法，請傳送`false` 。	布林值	選修的
高度	用於設定整個組件的特定高度的簡寫屬性。	細繩	選修的
寬度	用於設定整個組件的特定寬度的簡寫屬性。	細繩	選修的
按鍵更新	如果您不希望元件在按鍵時自動更新，請傳送`false` 。	布林值	選修的
按鍵後等待	按鍵後重新呈現內容之前等待的毫秒數。未指定時，值預設為`1000` 。換句話說，如果在最後一次擊鍵之後 1 秒內沒有額外的擊鍵，組件就會更新。少於`100`毫秒並沒有什麼差別。	數位	選修的
修改錯誤文字	用於修改組件原始警告文字的自訂函數。該函數將接收`string`類型的單一參數，並且必須同樣傳回`string` 。	功能	選修的
錯誤	包含以下屬性：	目的	選修的
錯誤原因	包含自訂錯誤訊息的字串	細繩	選修的
錯誤行	一個數字，表示與自訂錯誤訊息相關的行號	數位	選修的
主題	指定要使用的內建主題。	細繩	選修的
顏色	包含以下屬性：	目的	選修的
顏色.預設值	任何符號的十六進制顏色代碼，例如大`braces`和`comma` 。	細繩	選修的
顏色.字串	標識為`string`值的標記的十六進位顏色代碼。	細繩	選修的
顏色數	標識為`integeter` 、 `double`或`float`值的標記的十六進位顏色代碼。	細繩	選修的
顏色.冒號	標識為`colon`標記的十六進位顏色代碼。	細繩	選修的
顏色.鍵	標識為`keys`或屬性名稱的標記的十六進位顏色代碼。	細繩	選修的
顏色.keys_whiteSpace	標識為引號引起來的`keys`的標記的十六進位顏色代碼。	細繩	選修的
顏色.基元	標識為`boolean`值和 null 的標記的十六進位顏色代碼。	細繩	選修的
顏色錯誤	標記有`error`標籤的標記的十六進位顏色代碼。	細繩	選修的
顏色.背景	組件背景的十六進位顏色代碼。	細繩	選修的
顏色.background_warning	用於在組件頂部顯示警告訊息的十六進位顏色代碼。	細繩	選修的
風格	包含以下屬性：	目的	選修的
樣式.outerBox	屬性修改元件外部容器div的預設樣式。	目的	選修的
樣式.container	屬性修改組件`container`的預設樣式。	目的	選修的
style.warningBox	屬性修改警告訊息容器div的預設樣式。	目的	選修的
樣式.errorMessage	屬性修改警告訊息的預設樣式。	目的	選修的
樣式.body	屬性修改行標籤和程式碼的容器div的預設樣式。	目的	選修的
style.labelColumn	屬性修改行標籤容器div的預設樣式。	目的	選修的
樣式.標籤	屬性修改每行標籤的預設樣式。	目的	選修的
樣式.contentBox	屬性修改程式碼中容器div的預設樣式。	目的	選修的

組件部分

    outerBox
    +-- container
        +--- warningBox
             +---- errorMessage
        +--- body
             +---- labelColumn
                   +----- labels
             +---- contentBox
                   +----- auto generated markup

內容價值

每當 RJEA 重新呈現其內容時，傳遞到onChange屬性的任何函數都會接收具有以下鍵和值的單一物件參數：

鑰匙	描述
明文	內容的字串表示形式，包括換行符和縮排。非常適合 console.log()
標記文字	用於呈現內容的自動產生標記的字串表示形式。
json	內容的 JSON.stringify 版本。
js對象	內容的`javascript object`版本。如果內容的語法不正確，將傳回`undefined` 。
線	為顯示內容而呈現的行數。
錯誤	除非內容的語法不正確，否則返回`false` ，在這種情況下，返回一個帶有`token`和`line`號對應於發生錯誤的位置和`reason`

內建主題

RJEA 支援內建主題。這是列表。

內建

React.js
用於轉譯的Babel.js 。
用於反應特定測試實用程式的酵素。
Jest用於單元測試，也用於特定於反應的測試。
Travis CI用於持續整合。

執照

該項目已根據 MIT 許可證獲得許可 - 有關詳細信息，請參閱 LICENSE.md 文件。

貢獻者

感謝這些優秀的人？

_{安德魯雷迪肯} ？？ ️	_{派崔克·薩克斯} ？ ️	_{艾倫·凱爾} ？	_{埃斯本病毒}	_{馬庫斯·彼得里科斯基}	_{里克·布倫斯特}	_髒貓？
_賽德里克？	_拉迪特？	_{阿斯克泰斯} ？	_CG韋丹特？	_{謝巴茲·賈弗里} ？	_{瓦桑莎·庫馬爾 RB} ？	_{阿迪亞佩里瓦爾} ？
_{阿列克謝·利亞霍夫}	_{特倫斯·黃}	_{理查德·赫爾}	_{東尼古耶尼特18}