deliciousbrains / Serialized Editor
Licence: mit
A Vue.js component for editing data that has been serialized in PHP
Stars: ✭ 54
Projects that are alternatives of or similar to Serialized Editor
Vue Js Toggle Button
🍥 Vue.js 2 toggle / switch button - simple, pretty, customizable
Stars: ✭ 836 (+1448.15%)
Mutual labels: vue-component
Navscroll Js
Lightweight package for highlighting menu items as you scroll the page, also scrolling to target section when item clicked. Use as a vue component/directive or in vanilla js.
Stars: ✭ 41 (-24.07%)
Mutual labels: vue-component
V Distpicker
✨ A flexible, highly available district picker for picking provinces, cities and districts of China.
Stars: ✭ 919 (+1601.85%)
Mutual labels: vue-component
Elementui Multiselect
基于element ui、vue的多选框,支持选项disabled,支持分页,输入框过滤,可显示或隐藏全选和清空项
Stars: ✭ 14 (-74.07%)
Mutual labels: vue-component
Vue Countto
It's a vue component that will count to a target number at a specified duration https://panjiachen.github.io/countTo/demo/
Stars: ✭ 954 (+1666.67%)
Mutual labels: vue-component
Ason
[DEPRECATED]: Prefer Moshi, Jackson, Gson, or LoganSquare
Stars: ✭ 777 (+1338.89%)
Mutual labels: serialize
Vue Social Sharing
A renderless Vue.js component for sharing links to social networks, compatible with SSR
Stars: ✭ 1,071 (+1883.33%)
Mutual labels: vue-component
Vue Echarts V3
Vue.js(v2.x+) component wrap for ECharts.js(v3.x+)
Stars: ✭ 884 (+1537.04%)
Mutual labels: vue-component
Frosty
serialize native Nim types to strings, streams, or sockets ⛄
Stars: ✭ 25 (-53.7%)
Mutual labels: serialize
Kakajson
Fast conversion between JSON and model in Swift.
Stars: ✭ 867 (+1505.56%)
Mutual labels: serialize
Jc
CLI tool and python library that converts the output of popular command-line tools and file-types to JSON or Dictionaries. This allows piping of output to tools like jq and simplifying automation scripts.
Stars: ✭ 967 (+1690.74%)
Mutual labels: serialize
Vue Responsive Calendar
A responsive calendar component for Vue.js
Stars: ✭ 17 (-68.52%)
Mutual labels: vue-component
Django Preserialize
Convert your model instances and querysets into dicts and list with style.
Stars: ✭ 42 (-22.22%)
Mutual labels: serialize
Vue Quill Editor
🍡@quilljs editor component for @vuejs
Stars: ✭ 6,874 (+12629.63%)
Mutual labels: vue-component
Vue Async Modal
Flexible modal component for Vue with ability of asynchronous lazy loading
Stars: ✭ 30 (-44.44%)
Mutual labels: vue-component
Kokk
Create a beautiful doc from a markdown file. You can insert a vue component into the doc as well.
Stars: ✭ 54 (+0%)
Mutual labels: vue-component
Vue Meeting Selector
This component is inspired from the meeting selector from doctolib with the power of Vuejs components.
Stars: ✭ 44 (-18.52%)
Mutual labels: vue-component
Serialized Editor
A Vue.js component for editing data that has been serialized in PHP.
Requirements
- Vue.js 2.x
Install
npm install @deliciousbrains/serialized-editor
// or
yarn add @deliciousbrains/serialized-editor
Usage
The package comes in two parts
- A
SerializedParser
class to convert a PHP serialized string into JSON - A
SerializedEditor
vue.js component
First you need to import the components:
import { SerializedParser, SerializedEditor } from '@deliciousbrains/serialized-editor';
Next you need to convert the serialized data into JSON:
computed: {
parsedData() {
var sp = new SerializedParser(serializedString);
try {
var json = sp.parse();
return JSON.parse(json);
} catch (e) {
console.error(e);
}
return {};
}
}
Then you can pass the json-data
into the component:
<serialized-editor :json-data="parsedData" @output="updateOutput"></serialized-editor>
API
Props
Name | Type | Description |
---|---|---|
json-data |
Object | The JSON data returned from the SerializedParser class |
Events
Name | Description |
---|---|
output |
Triggered when any data changes. Returns the new value in the PHP serialized format. |
Credits
Serialized Editor was created by Gilbert Pellegrom from Delicious Brains. Released under the MIT license.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].