@@ -32,40 +32,40 @@ Content control can be inserted using `insertContentControl` method in editor mo
32
32
33
33
``` typescript
34
34
// Insert Rich Text Content Control
35
- this . container .documentEditor .editor .insertContentControl (' RichText' );
35
+ container .documentEditor .editor .insertContentControl (' RichText' );
36
36
// Insert Rich Text Content Control with default sfdt string
37
37
var sfdt = {" sections" :[{" blocks" :[{" inlines" :[{" text" : " Hello" }]}]}]};
38
- this . container .documentEditor .editor .insertContentControl (' RichText' , sfdt );
38
+ container .documentEditor .editor .insertContentControl (' RichText' , sfdt );
39
39
40
40
// Insert Plain Text Content Control
41
- documentEditor .editor .insertContentControl (' Text' );
41
+ container . documentEditor .editor .insertContentControl (' Text' );
42
42
// Insert Plain Text Content Control with default string
43
- this . container .documentEditor .editor .insertContentControl (' Text' , ' Hello World' );
43
+ container .documentEditor .editor .insertContentControl (' Text' , ' Hello World' );
44
44
45
45
// Insert CheckBox Content Control
46
- this . container .documentEditor .editor .insertContentControl (' CheckBox' );
46
+ container .documentEditor .editor .insertContentControl (' CheckBox' );
47
47
// Insert CheckBox Content Control with mention checked state
48
- this . container .documentEditor .editor .insertContentControl (' CheckBox' , true );
48
+ container .documentEditor .editor .insertContentControl (' CheckBox' , true );
49
49
50
50
// Insert ComboBox Content Control
51
- this . container .documentEditor .editor .insertContentControl (' ComboBox' );
51
+ container .documentEditor .editor .insertContentControl (' ComboBox' );
52
52
// Insert ComboBox Content Control with items
53
- this . container .documentEditor .editor .insertContentControl (' ComboBox' , ' One' , [' One' , ' Two' , ' Three' ]);
53
+ container .documentEditor .editor .insertContentControl (' ComboBox' , ' One' , [' One' , ' Two' , ' Three' ]);
54
54
55
55
// Insert Date Content Control
56
- this . container .documentEditor .editor .insertContentControl (' Date' );
56
+ container .documentEditor .editor .insertContentControl (' Date' );
57
57
// Insert Date Content Control
58
- this . container .documentEditor .editor .insertContentControl (' Date' , ' 01/01/2024' );
58
+ container .documentEditor .editor .insertContentControl (' Date' , ' 01/01/2024' );
59
59
60
60
// Insert DropDownList Content Control
61
- this . container .documentEditor .editor .insertContentControl (' DropDownList' );
61
+ container .documentEditor .editor .insertContentControl (' DropDownList' );
62
62
// Insert DropDownList Content Control with items
63
- this . container .documentEditor .editor .insertContentControl (' DropDownList' , ' One' , [' One' , ' Two' , ' Three' ]);
63
+ container .documentEditor .editor .insertContentControl (' DropDownList' , ' One' , [' One' , ' Two' , ' Three' ]);
64
64
65
65
// Insert Picture Content Control
66
- this . container .documentEditor .editor .insertContentControl (' Picture' );
66
+ container .documentEditor .editor .insertContentControl (' Picture' );
67
67
// Insert Picture Content Control with default image
68
- this . container .documentEditor .editor .insertContentControl (' Picture' , ' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADgSURBVEhLY3jx4sV/WuDBafCluXH/D6ydhlWObIMPLmn8/32KPBiD2OjyKAY7+zbDsX945/91azehiBWU9IPVgVwJMxSX4SgG65jXwrGVa+v/6TOXoojBDEZ2LQh/m676/+D+/XBzQJgsg0EY5GqQgSCDsYUz2QaDMCiosIUvCKMYDFKIjK9dvYrCB3kXJIaMkfUjY5JdDEpioCCAYZCFyGbAMFkGI0fcMDUYpAgZY4s8EEYWwxWBJLsYhJHFQIYjmwHDQ9xgkGEwDCp0QAYji8EMRhYjymBq4lGDofjFfwCV5AGEIf9DQQAAAABJRU5ErkJggg==' );
68
+ container .documentEditor .editor .insertContentControl (' Picture' , ' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADgSURBVEhLY3jx4sV/WuDBafCluXH/D6ydhlWObIMPLmn8/32KPBiD2OjyKAY7+zbDsX945/91azehiBWU9IPVgVwJMxSX4SgG65jXwrGVa+v/6TOXoojBDEZ2LQh/m676/+D+/XBzQJgsg0EY5GqQgSCDsYUz2QaDMCiosIUvCKMYDFKIjK9dvYrCB3kXJIaMkfUjY5JdDEpioCCAYZCFyGbAMFkGI0fcMDUYpAgZY4s8EEYWwxWBJLsYhJHFQIYjmwHDQ9xgkGEwDCp0QAYji8EMRhYjymBq4lGDofjFfwCV5AGEIf9DQQAAAABJRU5ErkJggg==' );
69
69
```
70
70
71
71
## Import content control properties
@@ -76,15 +76,15 @@ Content control properties can be set using the `ContentControlInfo` and import
76
76
var data = [];
77
77
var contentControlData = { title: placeHolderPrefix + ' Name' , tag: ' ' , value: ' John' , canDelete: false , canEdit: false , type: ' RichText' };
78
78
data .push (contentControlData );
79
- this . container .documentEditor .importContentControlData (data );
79
+ container .documentEditor .importContentControlData (data );
80
80
```
81
81
82
82
## Export content control properties
83
83
84
84
Content control properties can be exported using the ` exportContentControlData `
85
85
86
86
``` typescript
87
- var contentControlInfos = this . container .documentEditor .exportContentControlData ();
87
+ var contentControlInfos = container .documentEditor .exportContentControlData ();
88
88
```
89
89
90
90
## Reset content control
@@ -95,7 +95,7 @@ Content control properties can be reset using the `resetcontentcontroldata`
95
95
var data = [];
96
96
var contentControlData = { title: placeHolderPrefix + ' Name' , tag: ' ' , value: ' John' , canDelete: false , canEdit: false , type: ' RichText' };
97
97
data .push (contentControlData );
98
- this . container .documentEditor .resetContentControlData (data );
98
+ container .documentEditor .resetContentControlData (data );
99
99
```
100
100
101
101
N> Content control with custom XML mapping of file type WordML is converted as normal Rich Text Content Control to provide lossless round-tripping upon saving.
0 commit comments