4 <title>Bootstrap - Editor Example</title>
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 <link rel="stylesheet" type="text/css" href="../../css-bootstrap4/bootstrap.min.css">
9 <link rel="stylesheet" type="text/css" href="../../css-bootstrap4/roojs-bootstrap.css">
10 <link rel="stylesheet" type="text/css" href="../../css-bootstrap/font-awesome.css">
12 <script type="text/javascript" src="../../roojs-debug.js"></script>
14 <script type="text/javascript" src="../../roojs-bootstrap-debug.js"></script>
20 <script type="text/javascript" src="../bootstrap/Editor.js"></script>
24 <script type="text/javascript">
25 Campaign = { Dialog : {} };
27 var baseURL = '/web.campaign/index.local.php';
28 var rootURL = '/web.campaign';
30 Roo.XComponent.hideProgress = true;
32 Roo.onReady(function() {
33 Roo.XComponent.build();
36 Roo.XComponent.on('buildcomplete', function() {
39 url : baseURL + '/editor/data.php',
45 Roo.example.Editor.previewPanel.body().dom.innerHTML = "this is an examples"
47 Roo.each(Roo.example.Editor.previewPanel.body().select('.campaign-editable', true).elements, function(el){
49 var target = el.attr('data-target');
51 Roo.example.Editor[target] = new Roo.bootstrap.editor.TextBlock({ panel : 'thanks-email' }).render(el);
55 Roo.each(Roo.example.Editor.previewPanel.body().select('.campaign-image-editable', true).elements, function(el){
57 var target = el.attr('data-target');
59 Roo.example.Editor[target] = new Roo.bootstrap.editor.ImageBlock({ panel : 'thanks-email' }).render(el);
60 Roo.example.Editor[target].parent = el;
62 Roo.example.Editor[target].on('upload', function(){
63 Campaign.Dialog.Images.show(
66 ontable : 'campaign_detail',
71 url : baseURL + '/Roo/Images',
79 var res = Roo.decode(r.responseText);
85 var width = Roo.example.Editor[target].parent.getWidth();
87 Roo.example.Editor[target].setValue((baseURL + '/Images/Thumb/' + width + '/' + res.data.id));
97 for ( var p in res.data.campaign.emails ){
98 var f = res.data.campaign.emails[p];
100 for (var d in f['message']){
101 Roo.example.Editor[d].setValue(f['message'][d])
104 for (var d in f['image']){
105 var width = Roo.example.Editor[d].parent.getWidth();
106 Roo.example.Editor[d].setValue(baseURL + '/Images/Thumb/' + width + '/' + f['image'][d]);
119 <script src="../../../Campaign/Campaign.Dialog.Images.js" type="text/javascript"></script>