https://github.com/zhuowenli/ng-sms-editor

SMS editor for Angular.js
https://github.com/zhuowenli/ng-sms-editor

angularjs quill sms-editor

Last synced: about 1 month ago
JSON representation

SMS editor for Angular.js

• Host: GitHub
• URL: https://github.com/zhuowenli/ng-sms-editor
• Owner: zhuowenli
• License: mit
• Created: 2018-02-07T08:05:46.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2020-06-18T23:24:21.000Z (over 4 years ago)
• Last Synced: 2024-08-10T07:51:47.208Z (3 months ago)
• Topics: angularjs, quill, sms-editor
• Language: JavaScript
• Homepage: https://zhuowenli.github.io/ng-sms-editor/
• Size: 1.56 MB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ng-sms-editor

基于 Angular.js 的短信编辑器！

![](./assets/image.png)

## 快速开始

```html

    自定义头部

    自定义底部

```

```js

var app = angular.module('module', ['ng-sms-editor']);

app.controller("defaultCtrl", ["$scope", function($scope) {

    $scope.smsOptions = {

        content: '#买家昵称#你好，#店铺名称#周年庆，全场宝贝3折起，更有精美礼品1000套免费送，先到先得。抢购链接：',

        sign_content: '淘宝',

        showPreview: true,

        labels: [

            {

                name: '#店铺名称#',

                type: 'placeholder',

                placeholder: '无敌美店'

            },

            {

                name: '#买家姓名#',

                type: 'placeholder',

                placeholder: '张三三'

            },

            {

                name: '#买家昵称#',

                type: 'placeholder',

                placeholder: 'tb88888_2017'

            },

        ],

    };

}]);

```

## Options

### content

短信文本

- Type: `String`

- Required: true

- Default: `''`

### contentLength

短信文本长度

- Type: `Number`

- Required: false

- Default: `0`

### labels

短信变量，用于服务端动态替换短信内容

- Type: `Array/Object`

- Required: false

- Default: `[]`

```js

[

    {

        name: '#店铺名称#',

        type: 'placeholder',

        placeholder: '无敌美店',

        insertText: '#店铺名称#'

    },

    {

        name: '#买家姓名#',

        type: 'placeholder',

        placeholder: '张三三'

    },

]

```

### showPreview

显示手机预览效果

- Type: `Boolean`

- Required: false

- Default: `false`