本文整理汇总了TypeScript中tinymce/plugins/anchor/Plugin.default函数的典型用法代码示例。如果您正苦于以下问题:TypeScript default函数的具体用法?TypeScript default怎么用?TypeScript default使用的例子?那么, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了default函数的9个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: function
export default function () {
AdvListPlugin();
AnchorPlugin();
AutoLinkPlugin();
AutoResizePlugin();
AutoSavePlugin();
BbCodePlugin();
CharMapPlugin();
CodePlugin();
CodeSamplePlugin();
ColorPickerPlugin();
ContextMenuPlugin();
DirectionalityPlugin();
EmoticonsPlugin();
FullPagePlugin();
FullScreenPlugin();
HrPlugin();
ImagePlugin();
ImageToolsPlugin();
ImportCssPlugin();
InsertDatetimePlugin();
LegacyOutputPlugin();
LinkPlugin();
ListsPlugin();
MediaPlugin();
NonBreakingPlugin();
NonEditablePlugin();
PageBreakPlugin();
PastePlugin();
PreviewPlugin();
PrintPlugin();
SavePlugin();
SearchReplacePlugin();
SpellCheckerPlugin();
TabFocusPlugin();
TablePlugin();
TemplatePlugin();
TextColorPlugin();
TextPatternPlugin();
TocPlugin();
VisualBlocksPlugin();
VisualCharsPlugin();
WordCountPlugin();
ModernTheme();
MobileTheme();
HelpPlugin();
PluginManager.urls.emoticons = '../../../../js/tinymce/plugins/emoticons';
const settings = {
skin_url: '../../../../js/tinymce/skins/lightgray',
codesample_content_css: '../../../../js/tinymce/plugins/codesample/css/prism.css',
visualblocks_content_css: '../../../../js/tinymce/plugins/visualblocks/css/visualblocks.css',
images_upload_url: 'd',
selector: 'textarea',
// rtl_ui: true,
link_list: [
{ title: 'My page 1', value: 'http://www.tinymce.com' },
{ title: 'My page 2', value: 'http://www.moxiecode.com' }
],
image_list: [
{ title: 'My page 1', value: 'http://www.tinymce.com' },
{ title: 'My page 2', value: 'http://www.moxiecode.com' }
],
image_class_list: [
{ title: 'None', value: '' },
{ title: 'Some class', value: 'class-name' }
],
importcss_append: true,
height: 400,
file_picker_callback (callback, value, meta) {
// Provide file and text for the link dialog
if (meta.filetype === 'file') {
callback('https://www.google.com/logos/google.jpg', { text: 'My text' });
}
// Provide image and alt text for the image dialog
if (meta.filetype === 'image') {
callback('https://www.google.com/logos/google.jpg', { alt: 'My alt text' });
}
// Provide alternative source and posted for the media dialog
if (meta.filetype === 'media') {
callback('movie.mp4', { source2: 'alt.ogg', poster: 'https://www.google.com/logos/google.jpg' });
}
},
spellchecker_callback (method, text, success, failure) {
const words = text.match(this.getWordCharPattern());
if (method === 'spellcheck') {
const suggestions = {};
for (let i = 0; i < words.length; i++) {
suggestions[words[i]] = ['First', 'Second'];
}
success(suggestions);
}
if (method === 'addToDictionary') {
//.........这里部分代码省略.........
示例2: function
export default function () {
AdvListPlugin();
AnchorPlugin();
AutoLinkPlugin();
AutoResizePlugin();
AutoSavePlugin();
BbCodePlugin();
CharMapPlugin();
CodePlugin();
CodeSamplePlugin();
ColorPickerPlugin();
ContextMenuPlugin();
DirectionalityPlugin();
EmoticonsPlugin();
FullPagePlugin();
FullScreenPlugin();
HrPlugin();
ImagePlugin();
ImageToolsPlugin();
ImportCssPlugin();
InsertDatetimePlugin();
LegacyOutputPlugin();
LinkPlugin();
ListsPlugin();
MediaPlugin();
NonBreakingPlugin();
NonEditablePlugin();
PageBreakPlugin();
PastePlugin();
PreviewPlugin();
PrintPlugin();
SavePlugin();
SearchReplacePlugin();
SpellCheckerPlugin();
TabFocusPlugin();
TablePlugin();
TemplatePlugin();
TextColorPlugin();
TextPatternPlugin();
TocPlugin();
VisualBlocksPlugin();
VisualCharsPlugin();
WordCountPlugin();
ModernTheme();
const cmd = function (command, value?) {
return { command, value };
};
const commands = [
cmd('Bold'),
cmd('Italic'),
cmd('Underline'),
cmd('Strikethrough'),
cmd('Superscript'),
cmd('Subscript'),
cmd('Cut'),
cmd('Copy'),
cmd('Paste'),
cmd('Unlink'),
cmd('JustifyLeft'),
cmd('JustifyCenter'),
cmd('JustifyRight'),
cmd('JustifyFull'),
cmd('JustifyNone'),
cmd('InsertUnorderedList'),
cmd('InsertOrderedList'),
cmd('ForeColor', 'red'),
cmd('HiliteColor', 'green'),
cmd('FontName', 'Arial'),
cmd('FontSize', 7),
cmd('RemoveFormat'),
cmd('mceBlockQuote'),
cmd('FormatBlock', 'h1'),
cmd('mceInsertContent', 'abc'),
cmd('mceToggleFormat', 'bold'),
cmd('mceSetContent', 'abc'),
cmd('Indent'),
cmd('Outdent'),
cmd('InsertHorizontalRule'),
cmd('mceToggleVisualAid'),
cmd('mceInsertLink', 'url'),
cmd('selectAll'),
cmd('delete'),
cmd('mceNewDocument'),
cmd('Undo'),
cmd('Redo'),
cmd('mceAutoResize'),
cmd('mceShowCharmap'),
cmd('mceCodeEditor'),
cmd('mceDirectionLTR'),
cmd('mceDirectionRTL'),
cmd('mceFullPageProperties'),
cmd('mceFullscreen'),
cmd('mceImage'),
cmd('mceInsertDate'),
cmd('mceInsertTime'),
cmd('InsertDefinitionList'),
cmd('mceNonBreaking'),
cmd('mcePageBreak'),
//.........这里部分代码省略.........
示例3: AchorPlugin
UnitTest.asynctest('browser.tinymce.plugins.anchor.AnchorEditTest', (success, failure) => {
AchorPlugin();
Theme();
const sType = function (text) {
return Logger.t('Add anchor' + text, Step.sync(function () {
const elm: any = document.querySelector('div[role="dialog"].tox-dialog input');
elm.value = text;
}));
};
TinyLoader.setup(function (editor, onSuccess, onFailure) {
const tinyUi = TinyUi(editor);
const tinyApis = TinyApis(editor);
Pipeline.async({},
Log.steps('TBA', 'Anchor: Add anchor, change anchor, undo anchor then the anchor should be there as first entered', [
tinyApis.sFocus,
tinyApis.sSetContent('abc'),
tinyApis.sExecCommand('mceAnchor'),
tinyUi.sWaitForPopup('wait for window', 'div[role="dialog"].tox-dialog'),
sType('abc'),
tinyUi.sClickOnUi('click on Save btn', '.tox-dialog__footer .tox-button:not(.tox-button--secondary)'),
tinyApis.sAssertContentPresence({ 'a.mce-item-anchor#abc': 1 }),
tinyApis.sSelect('a.mce-item-anchor', []),
tinyApis.sExecCommand('mceAnchor'),
tinyUi.sWaitForPopup('wait for window', 'div[role="dialog"].tox-dialog'),
sType('def'),
tinyUi.sClickOnUi('click on Save btn', '.tox-dialog__footer .tox-button:not(.tox-button--secondary)'),
tinyApis.sAssertContentPresence({ 'a.mce-item-anchor#def': 1 }),
tinyApis.sExecCommand('undo'),
tinyApis.sSetCursor([], 0),
tinyApis.sAssertContentPresence({ 'a.mce-item-anchor#abc': 1 })
])
, onSuccess, onFailure);
}, {
theme: 'silver',
plugins: 'anchor',
toolbar: 'anchor',
base_url: '/project/tinymce/js/tinymce',
}, success, failure);
});
示例4: function
UnitTest.asynctest('Browser Test: .AnchorInlineTest', function () {
const success = arguments[arguments.length - 2];
const failure = arguments[arguments.length - 1];
ModernTheme();
AnchorPlugin();
TinyLoader.setup(function (editor, onSuccess, onFailure) {
const tinyApis = TinyApis(editor);
const tinyActions = TinyActions(editor);
Pipeline.async({}, [
tinyApis.sFocus,
tinyApis.sSetContent('<p>abc 123</p>'),
tinyApis.sSetSelection([0, 0], 4, [0, 0], 7),
tinyActions.sContentKeystroke(Keys.space(), {}),
tinyApis.sExecCommand('mceanchor'),
Chain.asStep(Element.fromDom(document.body), [
Chain.fromParent(UiFinder.cWaitForVisible('wait for dialog', 'div[aria-label="Anchor"][role="dialog"]'),
[
Chain.fromChains([
UiFinder.cFindIn('input'),
UiControls.cSetValue('abc')
]),
Chain.fromChains([
UiFinder.cFindIn('button:contains("Ok")'),
Mouse.cClick
])
]
)
]),
tinyApis.sAssertContent('<p>abc <a id="abc"></a>123</p>')
], onSuccess, onFailure);
}, {
inline: true,
plugins: 'anchor',
toolbar: 'anchor',
skin_url: '/project/js/tinymce/skins/lightgray'
}, success, failure);
});
示例5: AchorPlugin
UnitTest.asynctest('browser.tinymce.plugins.anchor.AnchorEditTest', (success, failure) => {
AchorPlugin();
ModernTheme();
const sType = function (text) {
return Step.sync(function () {
const elm: any = document.querySelector('div[aria-label="Anchor"].mce-floatpanel input');
elm.value = text;
});
};
TinyLoader.setup(function (editor, onSuccess, onFailure) {
const tinyUi = TinyUi(editor);
const tinyApis = TinyApis(editor);
Pipeline.async({}, [
Logger.t('add anchor, change anchor, undo anchor then the anchor should be there as first entered', GeneralSteps.sequence([
tinyApis.sFocus,
tinyApis.sSetContent('abc'),
tinyApis.sExecCommand('mceAnchor'),
tinyUi.sWaitForPopup('wait for window', 'div[role="dialog"].mce-floatpanel input'),
sType('abc'),
tinyUi.sClickOnUi('click on OK btn', 'div.mce-primary > button'),
tinyApis.sAssertContentPresence({ 'a.mce-item-anchor#abc': 1 }),
tinyApis.sSelect('a.mce-item-anchor', []),
tinyApis.sExecCommand('mceAnchor'),
tinyUi.sWaitForPopup('wait for window', 'div[role="dialog"].mce-floatpanel input'),
sType('def'),
tinyUi.sClickOnUi('click on OK btn', 'div.mce-primary > button'),
tinyApis.sAssertContentPresence({ 'a.mce-item-anchor#def': 1 }),
tinyApis.sExecCommand('undo'),
tinyApis.sSetCursor([], 0),
tinyApis.sAssertContentPresence({ 'a.mce-item-anchor#abc': 1 })
]))
], onSuccess, onFailure);
}, {
plugins: 'anchor',
toolbar: 'anchor',
skin_url: '/project/js/tinymce/skins/lightgray'
}, success, failure);
});
示例6: AnchorPlugin
UnitTest.asynctest('Browser Test: .AnchorInlineTest', (success, failure) => {
AnchorPlugin();
TinyLoader.setup(function (editor, onSuccess, onFailure) {
const tinyApis = TinyApis(editor);
const tinyActions = TinyActions(editor);
Pipeline.async({},
Log.steps('TBA', 'Anchor: Add anchor by selecting text content, then check that anchor is inserted correctly', [
tinyApis.sFocus,
tinyApis.sSetContent('<p>abc 123</p>'),
tinyApis.sSetSelection([0, 0], 4, [0, 0], 7),
tinyActions.sContentKeystroke(Keys.space(), {}),
tinyApis.sExecCommand('mceanchor'),
Chain.asStep(Element.fromDom(document.body), [
Chain.fromParent(UiFinder.cWaitForVisible('wait for dialog', 'div[role="dialog"].tox-dialog'),
[
Chain.fromChains([
UiFinder.cFindIn('input'),
UiControls.cSetValue('abc')
]),
Chain.fromChains([
UiFinder.cFindIn('button:contains("Save")'),
Mouse.cClick
])
]
)
]),
tinyApis.sAssertContent('<p>abc <a id="abc"></a>123</p>')
])
, onSuccess, onFailure);
}, {
theme: 'silver',
plugins: 'anchor',
toolbar: 'anchor',
base_url: '/project/tinymce/js/tinymce',
}, success, failure);
});
示例7: function
UnitTest.asynctest('browser.tinymce.plugins.anchor.AnchorSanityTest.js', function () {
const success = arguments[arguments.length - 2];
const failure = arguments[arguments.length - 1];
AchorPlugin();
ModernTheme();
const sType = function (text) {
return Step.sync(function () {
const elm: any = document.querySelector('div[aria-label="Anchor"].mce-floatpanel input');
elm.value = text;
});
};
TinyLoader.setup(function (editor, onSuccess, onFailure) {
const tinyUi = TinyUi(editor);
const tinyApis = TinyApis(editor);
Pipeline.async({}, [
tinyApis.sSetContent('abc'),
tinyApis.sFocus,
tinyUi.sClickOnToolbar('click anchor button', 'div[aria-label="Anchor"] button'),
tinyUi.sWaitForPopup('wait for window', 'div[role="dialog"].mce-floatpanel input'),
sType('abc'),
tinyUi.sClickOnUi('click on OK btn', 'div.mce-primary > button'),
Waiter.sTryUntil('wait for anchor',
tinyApis.sAssertContentPresence(
{ 'a.mce-item-anchor': 1 }
), 100, 4000
)
], onSuccess, onFailure);
}, {
plugins: 'anchor',
toolbar: 'anchor',
skin_url: '/project/js/tinymce/skins/lightgray'
}, success, failure);
});
示例8: AchorPlugin
UnitTest.asynctest('browser.tinymce.plugins.anchor.AnchorSanityTest.js', (success, failure) => {
AchorPlugin();
const sType = function (text) {
return Logger.t('Add anchor' + text, Step.sync(function () {
const elm: any = document.querySelector('div[role="dialog"].tox-dialog input');
elm.value = text;
}));
};
TinyLoader.setup(function (editor, onSuccess, onFailure) {
const tinyUi = TinyUi(editor);
const tinyApis = TinyApis(editor);
Pipeline.async({},
Log.steps('TBA', 'Anchor: Add anchor, then check if that anchor is present in the editor', [
tinyApis.sSetContent('abc'),
tinyApis.sFocus,
tinyUi.sClickOnToolbar('click anchor button', 'button[aria-label="Anchor"]'),
tinyUi.sWaitForPopup('wait for window', 'div[role="dialog"].tox-dialog input'),
sType('abc'),
tinyUi.sClickOnUi('click on Save btn', 'div.tox-dialog__footer button.tox-button:not(.tox-button--secondary)'),
Waiter.sTryUntil('wait for anchor',
tinyApis.sAssertContentPresence(
{ 'a.mce-item-anchor': 1 }
), 100, 4000
)
])
, onSuccess, onFailure);
}, {
theme: 'silver',
plugins: 'anchor',
toolbar: 'anchor',
base_url: '/project/tinymce/js/tinymce',
}, success, failure);
});
示例9:
/**
* Demo.js
*
* Released under LGPL License.
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
*
* License: http://www.tinymce.com/license
* Contributing: http://www.tinymce.com/contributing
*/
import AnchorPlugin from 'tinymce/plugins/anchor/Plugin';
declare let tinymce: any;
AnchorPlugin();
tinymce.init({
selector: 'textarea.tinymce',
theme: 'modern',
skin_url: '../../../../../js/tinymce/skins/lightgray',
plugins: 'anchor code',
toolbar: 'anchor code',
height: 600
});