Skip to content

Commit 078f750

Browse files
JulianPrieberJulianPrieber
committed
Added option to open links in new tab for text fields
1 parent c36aed5 commit 078f750

2 files changed

Lines changed: 101 additions & 81 deletions

File tree

‎resources/views/components/pageitems/text-form.blade.php‎

Lines changed: 45 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -5,49 +5,59 @@
55
<script>
66
ClassicEditor
77
.create(document.querySelector('.ckeditor'), {
8-
98
toolbar: {
109
items: [
11-
'exportPDF', 'exportWord', '|'
12-
, 'findAndReplace', 'selectAll', '|'
13-
, 'heading', '|'
14-
, 'bold', 'italic', 'strikethrough', 'underline', 'code', 'subscript', 'superscript', 'removeFormat', '|'
15-
, 'bulletedList', 'numberedList', 'todoList', '|'
16-
, 'outdent', 'indent', '|'
17-
, 'undo', 'redo'
18-
19-
, 'fontSize', 'fontFamily', 'fontColor', 'fontBackgroundColor', 'highlight', '|'
20-
, 'alignment', '|'
21-
, 'link', 'blockQuote', '|'
22-
, 'specialCharacters', 'horizontalLine', '|'
23-
, 'textPartLanguage', '|'
24-
]
25-
, shouldNotGroupWhenFull: true
26-
}
27-
, fontFamily: {
10+
'exportPDF', 'exportWord', '|',
11+
'findAndReplace', 'selectAll', '|',
12+
'heading', '|',
13+
'bold', 'italic', 'strikethrough', 'underline', 'code', 'subscript', 'superscript', 'removeFormat', '|',
14+
'bulletedList', 'numberedList', 'todoList', '|',
15+
'outdent', 'indent', '|',
16+
'undo', 'redo',
17+
'fontSize', 'fontFamily', 'fontColor', 'fontBackgroundColor', 'highlight', '|',
18+
'alignment', '|',
19+
'link', 'blockQuote', '|',
20+
'specialCharacters', 'horizontalLine', '|',
21+
'textPartLanguage', '|',
22+
],
23+
shouldNotGroupWhenFull: true
24+
},
25+
fontFamily: {
2826
options: [
29-
'default'
30-
, 'Arial, Helvetica, sans-serif'
31-
, 'Courier New, Courier, monospace'
32-
, 'Georgia, serif'
33-
, 'Lucida Sans Unicode, Lucida Grande, sans-serif'
34-
, 'Tahoma, Geneva, sans-serif'
35-
, 'Times New Roman, Times, serif'
36-
, 'Trebuchet MS, Helvetica, sans-serif'
37-
, 'Verdana, Geneva, sans-serif'
38-
]
39-
, supportAllValues: true
27+
'default',
28+
'Arial, Helvetica, sans-serif',
29+
'Courier New, Courier, monospace',
30+
'Georgia, serif',
31+
'Lucida Sans Unicode, Lucida Grande, sans-serif',
32+
'Tahoma, Geneva, sans-serif',
33+
'Times New Roman, Times, serif',
34+
'Trebuchet MS, Helvetica, sans-serif',
35+
'Verdana, Geneva, sans-serif'
36+
],
37+
supportAllValues: true
4038
},
41-
fontSize: {
42-
options: [ 10, 12, 14, 'default', 18, 20, 22 ],
43-
supportAllValues: true
44-
},
45-
39+
fontSize: {
40+
options: [10, 12, 14, 'default', 18, 20, 22],
41+
supportAllValues: true
42+
},
43+
link: {
44+
addTargetToExternalLinks: true, // Add this option to open external links in a new tab
45+
defaultProtocol: 'http://',
46+
decorators: {
47+
addTargetToExternalLinks: {
48+
mode: 'manual',
49+
label: 'Open in new tab',
50+
attributes: {
51+
target: '_blank',
52+
rel: 'noopener noreferrer'
53+
}
54+
}
55+
}
56+
}
4657
})
4758
.catch(error => {
4859
console.error(error);
4960
});
50-
5161
</script>
5262

5363
@endif

‎resources/views/studio/page.blade.php‎

Lines changed: 56 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -266,52 +266,62 @@
266266
@if(env('ALLOW_USER_HTML') === true)
267267
<script src="{{ asset('assets/external-dependencies/ckeditor.js') }}"></script>
268268
<script>
269-
ClassicEditor
270-
.create(document.querySelector('.ckeditor'), {
271-
272-
toolbar: {
273-
items: [
274-
'exportPDF', 'exportWord', '|'
275-
, 'findAndReplace', 'selectAll', '|'
276-
, 'heading', '|'
277-
, 'bold', 'italic', 'strikethrough', 'underline', 'code', 'subscript', 'superscript', 'removeFormat', '|'
278-
, 'bulletedList', 'numberedList', 'todoList', '|'
279-
, 'outdent', 'indent', '|'
280-
, 'undo', 'redo'
281-
282-
, 'fontSize', 'fontFamily', 'fontColor', 'fontBackgroundColor', 'highlight', '|'
283-
, 'alignment', '|'
284-
, 'link', 'blockQuote', '|'
285-
, 'specialCharacters', 'horizontalLine', '|'
286-
, 'textPartLanguage', '|'
287-
]
288-
, shouldNotGroupWhenFull: true
289-
}
290-
, fontFamily: {
291-
options: [
292-
'default'
293-
, 'Arial, Helvetica, sans-serif'
294-
, 'Courier New, Courier, monospace'
295-
, 'Georgia, serif'
296-
, 'Lucida Sans Unicode, Lucida Grande, sans-serif'
297-
, 'Tahoma, Geneva, sans-serif'
298-
, 'Times New Roman, Times, serif'
299-
, 'Trebuchet MS, Helvetica, sans-serif'
300-
, 'Verdana, Geneva, sans-serif'
301-
]
302-
, supportAllValues: true
303-
},
304-
fontSize: {
305-
options: [ 10, 12, 14, 'default', 18, 20, 22 ],
306-
supportAllValues: true
307-
},
308-
309-
})
310-
.catch(error => {
311-
console.error(error);
312-
});
313-
314-
</script>
269+
ClassicEditor
270+
.create(document.querySelector('.ckeditor'), {
271+
toolbar: {
272+
items: [
273+
'exportPDF', 'exportWord', '|',
274+
'findAndReplace', 'selectAll', '|',
275+
'heading', '|',
276+
'bold', 'italic', 'strikethrough', 'underline', 'code', 'subscript', 'superscript', 'removeFormat', '|',
277+
'bulletedList', 'numberedList', 'todoList', '|',
278+
'outdent', 'indent', '|',
279+
'undo', 'redo',
280+
'fontSize', 'fontFamily', 'fontColor', 'fontBackgroundColor', 'highlight', '|',
281+
'alignment', '|',
282+
'link', 'blockQuote', '|',
283+
'specialCharacters', 'horizontalLine', '|',
284+
'textPartLanguage', '|',
285+
],
286+
shouldNotGroupWhenFull: true
287+
},
288+
fontFamily: {
289+
options: [
290+
'default',
291+
'Arial, Helvetica, sans-serif',
292+
'Courier New, Courier, monospace',
293+
'Georgia, serif',
294+
'Lucida Sans Unicode, Lucida Grande, sans-serif',
295+
'Tahoma, Geneva, sans-serif',
296+
'Times New Roman, Times, serif',
297+
'Trebuchet MS, Helvetica, sans-serif',
298+
'Verdana, Geneva, sans-serif'
299+
],
300+
supportAllValues: true
301+
},
302+
fontSize: {
303+
options: [10, 12, 14, 'default', 18, 20, 22],
304+
supportAllValues: true
305+
},
306+
link: {
307+
addTargetToExternalLinks: true, // Add this option to open external links in a new tab
308+
defaultProtocol: 'http://',
309+
decorators: {
310+
addTargetToExternalLinks: {
311+
mode: 'manual',
312+
label: 'Open in new tab',
313+
attributes: {
314+
target: '_blank',
315+
rel: 'noopener noreferrer'
316+
}
317+
}
318+
}
319+
}
320+
})
321+
.catch(error => {
322+
console.error(error);
323+
});
324+
</script>
315325

316326
@endif
317327
</div>

0 commit comments

Comments
 (0)