Модельге негізделген бағдарламаға пішімделген мәтін өңдегішін басқару элементін қосыңыз

Пішімделген мәтін өңдегішін басқару элементі танымал CKEditor негізінде жасалған жеңіл, HTML негізіндегі өңдегіш. Ол үлгіге негізделген қолданбаларда пішімделген мәтінді жасауға, қоюға және өңдеуге мүмкіндік береді. Редактордағы мәтінді пішімдеу үшін редактордың құралдар тақтасын пайдалануға, HTML тегтерін енгізуге немесе веб-шолғыш немесе Word сияқты басқа қолданбалардан пішімделген мәтінді қоюға болады.

Редактордың сыртқы түрін, мүмкіндіктерін және әрекетін теңшеуге болады. Басқару элементінің әдепкі конфигурациясы келесі скриншотта көрсетілген.

Үлгіге негізделген қолданбадағы әдепкі пішімделген мәтін өңдегішінің скриншоты.

Мәтіндік бағанға пішімделген мәтін өңдегішінің басқару элементін қосыңыз

Мәтін бағанын пішімделген мәтін ретінде пішімдегенде, әдепкі пішімделген мәтін өңдегішінің басқару элементі автоматты түрде қосылады.

  1. Power Apps жүйесіне кіріңіз.

  2. Сол жақ шарлау тақтасында Шешімдерді таңдаңыз.

  3. Ерітіндідегі ерітінді мен кестені ашыңыз.

  4. Бағандар және деректер аймағында мәтіндік бағанды ​​таңдаңыз.

    Кестеде мәтіндік баған болмаса, + (Жаңа баған) таңдап, бағанның атын енгізіңіз.

  5. Дерек түрі ішінде > Мәтіннің оң жағындағы таңдаңыз, содан кейін сәйкес Пішімделген мәтін бағанда мәтіннің бір жолын немесе бірнеше жолды қамтитынына негізделген опция.

  6. Бағанды ​​сақтаңыз, содан кейін оны пішінге қосыңыз.

Пішіндегі мәтін бағанына пішімделген мәтін өңдегішінің басқару элементін қосыңыз

  1. Power Apps жүйесіне кіріңіз.

  2. Сол жақ шарлау тақтасында Шешімдерді таңдаңыз.

  3. Ерітіндідегі ерітінді мен кестені ашыңыз.

  4. Деректер тәжірибесі аймағында Пішіндер тармағын таңдап, қажет мәтін бағаны бар пішінді табыңыз. пішімделген мәтін өңдегішін қосыңыз.

  5. > Өңдеу > Жаңа қойындыда өңдеу таңдаңыз.

  6. пішін құрастырғыш кенепте мәтін бағанын таңдаңыз, қосыңыз немесе жасаңыз.

  7. In the column properties pane, expand the Components list, select + Component, and then select Rich Text Editor Control.

  8. In the Add Rich Text Editor Control pane, select Web, Phone, and Tablet to allow apps running on any device to use the editor.

    If you want to customize the editor, enter the relative URL of its configuration file, a JavaScript web resource that contains the properties you want to change, in the Static value box. Бұл өрісті бос қалдырсаңыз, өңдегіш өзінің әдепкі конфигурациясын пайдаланады.

  9. Дайын опциясын таңдаңыз.

  10. Өзгерістерді пішінге қолдану үшін Сақтау және жариялау пәрменін таңдаңыз.

Пішімделген мәтін өңдегішінің басқару элементін теңшеңіз

Power Apps оның сыртқы түрін, мүмкіндіктерін және әрекетін теңшеу үшін пішімделген мәтін өңдегішінің басқару элементінің сипаттарын өзгертуге мүмкіндік береді. басқару элементінің арнайы данасын теңшеу үшін жеке JSON пішімделген конфигурация файлында сипаттар мен олардың мәндерін көрсетіңіз. басқару элементінің жаһандық конфигурациясын теңшеу үшін әдепкі конфигурация файлындағы сипаттарды өзгертіңіз.

Баптау деңгейлері

Пішімделген мәтін өңдегішін теңшеу үшін конфигурацияның үш деңгейіне дейін немесе қабаттарын қолдануға болады:

  1. Ең негізгі деңгейде басқару элементінің әрбір данасы өзінің конфигурациясын RTEGlobalConfiguration_Readonly.json файлынан алады. Файл тек оқуға арналған, сондықтан бұл сипаттарды тікелей өзгерту мүмкін емес.
  2. Келесі деңгейде басқару элементінің әрбір данасы өзінің конфигурациясын RTEGlobalConfiguration.json файлындағы сипаттардан алады, егер бар болса. Бұл конфигурация алдыңғысының үстіне қабаттастырылған, сондықтан бұл файлдағы сипаттар тек оқуға арналған файлдағы бірдей аталған сипаттарды алмаштырады.
  3. Соңында, ең жоғарғы деңгейде басқару элементінің нақты данасы, егер бар болса, оның конфигурациясын арнайы конфигурация файлынан алады. Бұл конфигурация алдыңғысының үстіне қабаттастырылған, сондықтан осы файлдағы сипаттар төменгі деңгейлі екі файлдағы бірдей аталған сипаттарды алмаштырады.

Біз мұнда аздап біліктілікті қосуымыз керек. Емес барлық сипаттар жоғары деңгейлі конфигурациядағылармен ауыстырылады. extraPlugins қасиеттері әдепкі конфигурацияда сыртқы және қордан тыс қосылатын модульдердің кең ауқымын пайдалануға мүмкіндік беру үшін біріктірілген. Бұл басқару элементінің нақты даналары үшін конфигурация файлында қажет болса, қосылатын модульдерді белсендіруге және өшіруге мүмкіндік береді.

Пішімделген мәтін өңдегішінің арнайы данасын теңшеңіз

  1. Visual Studio Кодта немесе басқа мәтіндік редакторда файл жасаңыз және оған мағыналы атау беріңіз.

    Файл RTEGlobalConfiguration.json пішімделген мәтін өңдегішінің әдепкі немесе жаһандық конфигурациясын қамтиды. Байланыс пішінінде басқару элементін теңшеп жатсаңыз, файлды RTEContactFormConfiguration.json сияқты атауыңызға болады.

  2. Келесі код үзіндісі файлын көшіріп, қойыңыз:

    "defaultSupportedProps": {
      "propertyName": "value",
      "propertyName": "value",
      "propertyName": "value"
    },
    

    Соңғы propertyName:value жұбы үтірмен аяқталмайтынын ескеріңіз.

  3. propertyName және мәнді пішімделген мәтін өңдегішінің басқару сипаттарымен ауыстырыңыз өзгерткіңіз келеді. Жол мәндері тырнақшаға алынуы керек.

    Біз сізге мысал конфигурацияларды ұсындық, бірақ сіз өз қажеттіліктеріңізге сәйкес басқаларды анықтай аласыз.

  4. Power Apps, JSON файлын пайдаланып JavaScript (JS) түріндегі веб-ресурс жасаңыз 1-қадамда жасадыңыз.

  5. Add the rich text editor control to a text column in a form and in the Add Rich Text Editor Control pane > Static value, enter the relative URL of the JavaScript web resource.

    Веб-ресурстың абсолютті URL мекенжайын енгізуге болатынына қарамастан, салыстырмалы URL мекенжайын енгізуді ұсынамыз. Осылайша, салыстырмалы жол бірдей болған жағдайда, оны басқа ортаға шешім ретінде импорттасаңыз, веб-ресурс әлі де жұмыс істейді.

    Мысалы, веб-ресурстың URL мекенжайы https://yourorg.crm.dynamics.com/WebResources/rtecontactform болса, салыстырмалы URL мекенжайы /WebResources/rtecontactform болады.

  6. Дайын опциясын таңдаңыз.

  7. Өзгерістерді пішінге қолдану үшін Сақтау және жариялау пәрменін таңдаңыз.

Пішімделген мәтін өңдегішін ғаламдық деңгейде теңшеңіз

Өңделетін жаһандық конфигурация файлы RTEGlobalConfiguration.json қолдануға болатын екінші теңшеу деңгейі болып табылады. Әдепкі бойынша, файл бос. Бұл белгілі бір файл үшін RTEGlobalConfiguration_Readonly.json конфигурация файлын жасамасаңыз, пішімделген мәтін өңдегішінің барлық даналары тек оқуға арналған файл сипаттарын пайдаланады дегенді білдіреді. бақылау данасы.

Егер сіздің бизнесіңіз барлық жерде басқару элементін теңшеуді талап етсе, RTEGlobalConfiguration.json файлда қажетті мәндерді көрсетіңіз. Сипат-мән жұптарын дұрыс пішімде енгізгеніңізге көз жеткізу үшін мысал ретінде тек оқуға арналған файлды пайдаланыңыз.

Редактордағы мәтінді нақтылау үшін Копилотты пайдаланыңыз (алдын ала қарау)

[Бұл бөлім – шығарылым алдындағы құжаттама және ол өзгеруі мүмкін.]

Copilot жазбаша мазмұнды жақсартуға көмектесу үшін табиғи тілді өңдеу алгоритмдерін пайдаланады. Сіз Copilot қолданбасын пішімделген мәтін өңдегішіне қоса аласыз, содан кейін мәтіннің грамматикасын, анықтығын немесе жалпы сапасын жақсарту үшін ұсыныстар ала аласыз. Копилотты пішімделген мәтін өңдегішінде пайдалану жолын үйреніңіз.

Пішімделген мәтін өңдегішінің сипаттары

Пішімделген мәтін өңдегішінің данасы "көрініс пен сезімді" анықтайтын JSON файлында екі сипаттар жинағы бар:

  • defaultSupportedProps бөлім басқару элементінің не істей алатынын анықтайтын қосылатын модульдердің қасиеттерін қамтиды. Сіз CKEditor және оның плагиндері сипаттарымен шектелмейсіз. Сіз қосатын немесе жасайтын қосылатын модульдердің сипаттары үшін мәндерді орнатуға болады.
  • жеке сипаттар бөлімі басқару элементінің қандай болатынын анықтайтын сипаттарды қамтиды.

Мысал конфигурация файлы

Келесі код defaultSupportedProps сипаттар мен жеке конфигурация сипаттары бар JSON файлының мысалы болып табылады. Сипаттың әдепкі мәні болса, әдепкі мән көрсетіледі. Сипаттың әдепкі мәні болмаса, синтаксисті көрсету үшін үлгі мәні көрсетіледі. Сипаттар келесі екі кестеде сипатталған.

"defaultSupportedProps": {
  "height": 185,
  "stickyStyle": {
    "font-size": "9pt",
    "font-family": "'Segoe UI','Helvetica Neue',sans-serif"
  },
  "stickyStyles_defaultTag": "div",
  "font_defaultLabel": "Segoe UI",
  "fontSize_defaultLabel": "9",
  "toolbarLocation": "bottom",
  "toolbar": [
  [ "CopyFormatting" ],
  [ "Font" ],
  [ "FontSize" ],
  [ "Bold" ],
  [ "Italic" ],
  [ "Underline" ],
  [ "BGColor" ],
  [ "TextColor" ],
  [ "BulletedList" ],
  [ "NumberedList" ],
  [ "Outdent" ],
  [ "Indent" ],
  [ "Blockquote" ],
  [ "JustifyLeft" ],
  [ "JustifyCenter" ],
  [ "JustifyRight" ],
  [ "Link" ],
  [ "Unlink" ],
  [ "Subscript" ],
  [ "Superscript" ],
  [ "Strike" ],
  [ "Image" ],
  [ "BidiLtr" ],
  [ "BidiRtl" ],
  [ "Undo" ],
  [ "Redo" ],
  [ "RemoveFormat" ],
  [ "Table" ]
 ],
  "plugins": [["button,toolbar,dialogui,dialog,autogrow,notification,clipboard,textmatch,fakeobjects,link,autolink,basicstyles,bidi,blockquote,panelbutton,panel,floatpanel,colorbutton,colordialog,listblock,richcombo,menu,contextmenu,copyformatting,enterkey,entities,popup,find,floatingspace,font,format,htmlwriter,horizontalrule,indent,indentblock,indentlist,justify,lineutils,openlink,list,liststyle,maximize,undo,menubutton,notificationaggregator,xml,ajax,pastetools,pastefromword,pastetext,preview,table,quicktable,removeformat,resize,selectall,showborders,sourcearea,specialchar,stylescombo,tab,tabletools,tableresize,tableselection,widgetselection,widget,wysiwygarea,textwatcher"]],
  "extraPlugins": "accessibilityhelp,autogrow,autolink,basicstyles,bidi,blockquote,button,collapser,colorbutton,colordialog,confighelper,contextmenu,copyformatting,dialog,editorplaceholder,filebrowser,filetools,find,floatpanel,font,iframerestrictor,indentblock,justify,notification,panel,panelbutton,pastefromword,quicktable,selectall,stickystyles,superimage,tableresize,tableselection,tabletools,uploadfile,uploadimage,uploadwidget",
  "removePlugins": "a11yhelp,codemirror,magicline,scayt,showborders",
  "superimageImageMaxSize": 5,
  "disallowedContent": "form[action]; *[formaction]; script; *[on*]",
  "linkTargets": ["notSet", "_blank"],
},
"attachmentEntity": {
  "name": "msdyn_richtextfiles",
  "fileAttributeName": "msdyn_fileblob"
},
"disableContentSanitization": true,
"disableDefaultImageProcessing": false,
"disableImages": false,
"externalPlugins": [
  {
    "name": "EmbedMedia",
    "path": "/WebResources/msdyncrm_/myplugins/embedmedia/"
  }
],
"imageEntity": {
  "imageEntityName": "msdyn_richtextfiles",
  "imageFileAttributeName": "msdyn_imageblob"
},
"readOnlySettings": {
  "height": 500,
  "showFullScreenExpander": true
},
"sanitizerAllowlist": {
  "attributes": [],
  "cssProperties": [],
  "domains": [],
  "protocols": [],
  "tags": []
},
"showAsTabControl": false,
"showFullScreenExpander": false,
"showHtml": false,
"showPreview": false,
"showPreviewHeaderWarning": false,
"allowSameOriginSandbox": false

defaultSupportedProps

Төмендегі кесте ең жиі қолданылатын сипаттарды сипаттайды, бірақ CKEditor қолдайтын барлық сипаттарды конфигурациялауға болады. Пішімделген мәтін өңдегішінің басқару элементі CKEditor 4 пайдаланады.

Сипат Сипаттама Әдепкі мән
биіктігі Мазмұн аймағының бастапқы биіктігін пиксельмен белгілейді. "185"
stickyStyle Редактордың қаріпі мен өлшемін орнатады. Қараңыз defaultSupportedProps
stickyStyles_defaultTag Редактордың мазмұн аймағындағы мәтіннің айналасында орауыш жасайды. Ол бастапқыда "div" күйіне орнатылған, бірақ оны "p" немесе кез келген балама тегке өзгертуге болады. "div"
font_defaultLabel Құралдар тақтасында көрсетілетін қаріп белгісін орнатады. Белгі тек сыртқы көрініске арналған және жұмыс істемейді. stickyStyle сипат редактордың қаріпі мен өлшемін анықтайды. "Segoe UI"
fontSize_defaultLabel Құралдар тақтасында көрсетілетін қаріп өлшемі белгісін орнатады. Белгі тек сыртқы көрініске арналған және жұмыс істемейді. stickyStyle сипат редактордың қаріпі мен өлшемін анықтайды. "9"
toolbarLocation Редактор мазмұны аймағындағы құралдар тақтасының орнын орнатады. Қолдау көрсетілетін мәндер "жоғарғы" және "төменгі" болып табылады. «төменгі»
құралдар тақтасы Көрсетілетін құралдар тақтасының түймелерін тізімдейді. Қараңыз defaultSupportedProps
қосылатын модульдер Редактор пайдалана алатын алдын ала орнатылған плагиндерді тізімдейді. Бұл тізімдегі қосылатын модульдер, extraPlugins және removePlugins мән берілген болса, жүктелген қосылатын модульдерден басқаша болуы мүмкін. Бұл сипатты бос жолға орнатсаңыз, өңдегіш құралдар тақтасынсыз жүктеледі. Қараңыз defaultSupportedProps
extraPlugins Қосымша плагиндерді жүктеу үшін plugins тізіміне плагиндерді қосады.
Көптеген плагиндер жұмыс істеу үшін басқа плагиндерді қажет етеді. Пішімделген мәтін өңдегіші оларды автоматты түрде қосады және оларды қайта анықтау үшін бұл сипатты пайдалана алмайсыз. Оның орнына removePlugins қолданыңыз.
Қараңыз defaultSupportedProps
removePlugins Жүктеуге болмайтын қосылатын модульдерді тізімдейді. Оны plugins және extraPlugins тізімдерін өзгертпестен жүктелетін плагиндерді өзгерту үшін пайдаланыңыз. Қараңыз defaultSupportedProps
superimageImageMaxSize Superimage плагинін пайдаланған кезде ендірілген кескіндерге рұқсат етілген мегабайтпен (МБ) ең үлкен өлшемді орнатады. «5»
рұқсат етілмеген мазмұн Пайдаланушылардың мазмұныңызда болғыңыз келмейтін элементтерді енгізуіне жол бермеуге мүмкіндік береді. Бүкіл элементтерге немесе атрибуттар, сыныптар және стильдер бойынша тыйым салуға болады. Қараңыз defaultSupportedProps
linkTargets Сілтемелерді жасаған кезде пайдаланушылар үшін қандай сілтеме мақсатты опциялары қолжетімді болатынын конфигурациялауға мүмкіндік береді:
- "notSet": мақсат қойылмаған
- «рамка»: құжатты көрсетілген кадрда ашады
- popupWindow»: Құжатты қалқымалы терезеде ашады
- "_blank": құжатты жаңа терезеде немесе қойындыда ашады
- "_top": құжатты терезенің толық мәтінінде ашады
- "_self": құжатты сілтеме белсендірілген терезеде немесе қойындыда ашады
- "_parent": құжатты негізгі жақтауда ашады
"Орнатылмаған", "_бос"

Жеке қасиеттер

Келесі кесте пішімделген мәтін өңдегішінің басқару элементін теңшеу үшін пайдалануға болатын басқа сипаттарды сипаттайды.

Сипат Сипаттама Әдепкі мән
attachmentEntity Әдепкіден басқа кестені пайдалану арқылы жүктелген файлдар қауіпсіздікті күшейту үшін осы сипатты орнатып, басқа кестені көрсетіңіз.
Синтаксис: "атауы": "кесте атауы", "fileAttributeName": "attributeNameofBlobReference"
Қараңыз defaultSupportedProps
disableContentSanitization Мазмұнды тазарту пішімделген мәтін мазмұнынан кейбір теңшелетін атрибуттарды немесе тегтерді жояды. Сыртқы көздерден пішімделген мәтін мазмұнын көшіруге және қоюға рұқсат беру үшін ол әдепкі бойынша өшірілген. Бұл сипат тек өңдеу күйі үшін қолданылады. Редакторды басқару элементі тек оқуға арналған немесе өшірілген кезде мазмұн әрқашан тазартылады. шынайы
disableDefaultImageProcessing Әдепкі бойынша, өңдегішке енгізілген кескіндер конфигурацияда анықталған attachmentEntity ға жүктеп салынады. Сыртқы пайдаланушылардың кестедегі мазмұнды көру артықшылықтары болмауы мүмкін. Оның орнына, пішімделген мәтін өңдегішінің басқару элементін пайдалану үшін конфигурацияланған бағанға тікелей base64 жолдары ретінде кескіндерді сақтау үшін бұл сипатты шын мәніне орнатыңыз. false
disableImages Кескіндерді өңдегішке кірістіру мүмкіндігін анықтайды. Бұл мүліктің басымдығы жоғары. Бұл сипат "true" мәніне орнатылғанда, imageEntity сипаттың мәніне қарамастан кескіндер өшіріледі. false
externalPlugins Пішімделген мәтін өңдегішінің басқару элементінде пайдалануға болатын сыртқы қосылатын модульдерді немесе сіз жасаған қосылатын модульдерді тізімдейді.
Синтаксис: "атауы": "pluginName", "жол": "pathToPlugin" (жол мәні мүмкін абсолютті немесе салыстырмалы URL болуы керек)
Жоқ; мысал үшін defaultSupportedProps қараңыз
imageEntity Әдепкіден басқа кестені пайдалану арқылы кескіндер қауіпсіздікті күшейту үшін осы сипатты орнатып, басқа кестені көрсетіңіз.
Синтаксис: "imageEntityName": "tableName", "imageFileAttributeName": "attributeNameofBlobReference"
Қараңыз defaultSupportedProps
readOnlySettings Бұл сипаттар тек оқуға арналған немесе өшірілген күйде қаралған кездегі баған әрекетін анықтайды. Кез келген қолдау көрсетілетін сипатты көрсетуге болады. Жоқ; мысал үшін defaultSupportedProps қараңыз
санитарияға рұқсат беру тізімі Өңдегіште көрсетуге болатын басқа мазмұн түрлерін тізімдейді. Қараңыз defaultSupportedProps
showAsTabControl Мазмұн аймағының үстінде көбірек пәрмендерді көрсетуге мүмкіндік береді. Келесі сипаттарды пайдалану үшін шын мәніне орнату керек: showFullScreenExpander, showHtml, showPreview, showPreviewHeaderWarning false
showFullScreenExpander Өңдегішті толық экран режимінде пайдалануға болатынын анықтайды. showAsTabControl шын мәніне орнатылуы керек. false
showHtml Пайдаланушылар HTML мазмұнын тікелей көрсетуге және өңдеуге мүмкіндік береді. showAsTabControl шын мәніне орнатылуы керек. false
showPreview Пайдаланушылар HTML ретінде көрсетілген өңдегіш мазмұнын алдын ала қарауға мүмкіндік береді. showAsTabControl шын мәніне орнатылуы керек. false
showPreviewHeaderWarning Мазмұнды алдын ала қарау кезінде көрсетілетін ескерту хабарын көрсетуге немесе жасыруға мүмкіндік береді. showAsTabControl және showPreview шын мәніне орнатылуы керек. false
allowSameOriginSandbox Өңдегіштегі мазмұнды рендеринг қолданбасымен бір шыққан деп қарауға мүмкіндік береді.
Бұл сипатты абайлап пайдаланыңыз. Тек сенімді сыртқы мазмұнды пайдаланыңыз. Бұл сипат шын мәніне орнатылғанда, кез келген сыртқы мазмұн ішкі ресурстарға қатынаса алады.
false

Мысал конфигурациялар

Келесі үлгі конфигурациялары пішімделген мәтін өңдегішінің арнайы теңшеулерін жасайды. Оларды сол күйінде немесе пішімделген мәтін өңдегішінің белгілі бір данасын немесе ғаламдық деңгейде теңшеу үшін өту нүктесі ретінде пайдалануға болады.

Әдепкі қаріпті 11 нүктелі Calibri етіп орнатыңыз

Осы defaultSupportedProps қасиеттерді конфигурация файлында орнатыңыз. Соңғысынан басқа әрбір мәннен кейін үтір (,) қойылуы керек.

"font_defaultLabel": "Calibri",
"fontSize_defaultLabel": "11",
"stickyStyle": {
  "font-size": "11pt",
  "font-family": "Calibri/Calibri, Helvetica, sans-serif;"
},

Enter пернесін абзац блогының орнына жаңа жолды енгізіңіз

Әдепкі бойынша, Enter пернесін басу <p> HTML тегі бар абзац блогын жасайды. HTML Word құжатындағы абзацтар сияқты ақпаратты топтау үшін абзац блоктарын пайдаланады. Браузерлер <p> тегін сәл басқаша пішімдей алады, сондықтан көрнекі үйлесімділік үшін оның орнына жаңа жолды немесе жол үзілімін <br\> тегін пайдаланғыңыз келуі мүмкін.

Осы defaultSupportedProps сипатты конфигурация файлында орнатыңыз. Файлдағы соңғы сипат болмаса, осы мәнді үтірмен (,) орындаңыз.

"enterMode": 2,

Тек HTML 5 мазмұнын қойыңыз немесе жасаңыз

Пішімделген мәтін өңдегішінің басқару элементі HTML 5 мазмұнымен жақсы жұмыс істегенімен, HTML 4 тегтерін пайдалануға болады. Алайда, кейбір жағдайларда HTML 4 және HTML 5 тегтерін араластыру ыңғайлылық мәселелерін тудыруы мүмкін. Барлық мазмұн HTML 5 екеніне көз жеткізу үшін allowedContent сипатта барлық қолдау көрсетілетін HTML 5 тегтерін қамтамасыз етіңіз. Редакторды басқару кез келген сәйкес келмейтін тегтерді HTML 5 эквивалентіне түрлендіреді.

Осы defaultSupportedProps сипатты конфигурация файлында орнатыңыз. Файлдағы соңғы сипат болмаса, осы мәнді үтірмен (,) орындаңыз.

"allowedContent": "a(*)[*]{*};abbr(*)[*]{*};address(*)[*]{*};area(*)[*]{*};article(*)[*]{*};aside(*)[*]{*};audio(*)[*]{*};b(*)[*]{*};base(*)[*]{*};bdi(*)[*]{*};bdo(*)[*]{*};blockquote(*)[*]{*};body(*)[*]{*};br(*)[*]{*};button(*)[*]{*};canvas(*)[*]{*};caption(*)[*]{*};cite(*)[*]{*};code(*)[*]{*};col(*)[*]{*};colgroup(*)[*]{*};data(*)[*]{*};datalist(*)[*]{*};dd(*)[*]{*};del(*)[*]{*};details(*)[*]{*};dfn(*)[*]{*};dialog(*)[*]{*};div(*)[*]{*};dl(*)[*]{*};dt(*)[*]{*};em(*)[*]{*};embed(*)[*]{*};fieldset(*)[*]{*};figcaption(*)[*]{*};figure(*)[*]{*};footer(*)[*]{*};form(*)[*]{*};h1(*)[*]{*};h2(*)[*]{*};h3(*)[*]{*};h4(*)[*]{*};h5(*)[*]{*};h6(*)[*]{*};head(*)[*]{*};header(*)[*]{*};hr(*)[*]{*};html(*)[*]{*};i(*)[*]{*};iframe(*)[*]{*};img(*)[*]{*};input(*)[*]{*};ins(*)[*]{*};kbd(*)[*]{*};label(*)[*]{*};legend(*)[*]{*};li(*)[*]{*};link(*)[*]{*};main(*)[*]{*};map(*)[*]{*};mark(*)[*]{*};meta(*)[*]{*};meter(*)[*]{*};nav(*)[*]{*};noscript(*)[*]{*};object(*)[*]{*};ol(*)[*]{*};optgroup(*)[*]{*};option(*)[*]{*};output(*)[*]{*};p(*)[*]{*};param(*)[*]{*};picture(*)[*]{*};pre(*)[*]{*};progress(*)[*]{*};q(*)[*]{*};rp(*)[*]{*};rt(*)[*]{*};ruby(*)[*]{*};s(*)[*]{*};samp(*)[*]{*};section(*)[*]{*};select(*)[*]{*};small(*)[*]{*};source(*)[*]{*};span(*)[*]{*};strong(*)[*]{*};style(*)[*]{*};sub(*)[*]{*};summary(*)[*]{*};sup(*)[*]{*};svg(*)[*]{*};table(*)[*]{*};tbody(*)[*]{*};td(*)[*]{*};template(*)[*]{*};textarea(*)[*]{*};tfoot(*)[*]{*};th(*)[*]{*};thead(*)[*]{*};time(*)[*]{*};title(*)[*]{*};tr(*)[*]{*};track(*)[*]{*};u(*)[*]{*};ul(*)[*]{*};var(*)[*]{*};video(*)[*]{*};wbr(*)[*]{*};",

Тек қарапайым мәтінді қойыңыз немесе жасаңыз

Осы defaultSupportedProps қасиеттерді конфигурация файлында орнатыңыз. Соңғысынан басқа әрбір мәннен кейін үтір (,) қойылуы керек.

"enterMode": 2,
"shiftEnterMode": 2,
"allowedContent": "*",
"disallowedContent": "*",
"forcePasteAsPlainText": true,
"toolbar": [],
"removePlugins": "contextmenu,liststyle,openlink,tableresize,tableselection,tabletools",

Осы жеке сипатты конфигурация файлында орнатыңыз. Файлдағы соңғы сипат болмаса, осы мәнді үтірмен (,) орындаңыз.

"disableImages": true,

Редакторға толық экранды пайдалануға рұқсат беріңіз

Осыларды орнатыңыз жеке қасиеттер сіздің конфигурация файлы. Соңғысынан басқа әрбір мәннен кейін үтір (,) қойылуы керек.

"showAsTabControl": true,
"showFullScreenExpander": true,

Толық экран кеңейткіш басқару элементі бөлектелген пішімделген мәтін өңдегішінің скриншоты.

HTML мазмұнын көруге және өңдеуге рұқсат беріңіз

Пайдаланушыларға өз мазмұнының HTML-ді тікелей көруге және өңдеуге рұқсат беру үшін HTML қойындысын көрсетіңіз.

Осыларды орнатыңыз жеке қасиеттер сіздің конфигурация файлы. Соңғысынан басқа әрбір мәннен кейін үтір (,) қойылуы керек.

"showAsTabControl": true,
"showHtml": true,

HTML қойындысын басқару элементі бөлектелген пішімделген мәтін өңдегішінің скриншоты.

Жеңілдетілген құралдар тақтасын көрсетіңіз немесе оны толығымен жойыңыз

Әдепкі бойынша, өңдегіш құралдар тақтасында барлық қол жетімді пішімдеу құралдары бар. Жеңілдетілген құралдар тақтасын қамтамасыз ету үшін toolbar сипатты пайдаланыңыз және пайдаланушылар мазмұнды пішімдеу үшін пайдалана алатын құралдарды көрсетіңіз.

Осы defaultSupportedProps сипатты конфигурация файлында орнатыңыз. Файлдағы соңғы сипат болмаса, осы мәнді үтірмен (,) орындаңыз.

"toolbar": [ { "items": [ "FontSize", "Bold", "Italic", "Underline", "BGColor" ] } ],

Жеңілдетілген құралдар тақтасы бөлектелген пішімделген мәтін өңдегішінің скриншоты.

Құралдар тақтасын толығымен жою үшін toolbar мәнін '[]' мәніне орнатыңыз (екі төртбұрышты жақша).

Жаңа қаріптер тізімін қосыңыз және әдепкі қаріп ретінде 20 пиксельді Brush Script MT орнатыңыз

Осы defaultSupportedProps қасиеттерді конфигурация файлында орнатыңыз. Соңғысынан басқа әрбір мәннен кейін үтір (,) қойылуы керек.

"font_names": "Brush Script MT/'Brush Script MT', cursive;Calibri/Calibri, Helvetica, sans-serif;Calibri Light/'Calibri Light', 'Helvetica Light', sans-serif;"
"font_defaultLabel": "Brush Script MT"
"fontSize_sizes": "8/8px;12/12px;20/20px;32/32px"
"fontSize_defaultLabel": "20"
"stickyStyle": {
  "font-size": "20px",
  "font-family": "'Brush Script MT', cursive"
},

Әдепкі қаріп және жаңа қаріптер тізімі ретінде Brush сценарийі бар пішімделген мәтін өңдегішінің скриншоты.

Құралдар тақтасын пішімделген мәтін өңдегішінің жоғарғы жағына орналастыру

Осы defaultSupportedProps сипатты конфигурация файлында орнатыңыз. Файлдағы соңғы сипат болмаса, осы мәнді үтірмен (,) орындаңыз.

"toolbarLocation": "top",

Редакторды 30 пиксель биіктікте бастаңыз және мазмұнға сәйкес келетіндей етіп өсіріңіз

Осы defaultSupportedProps қасиеттерді конфигурация файлында орнатыңыз. Соңғысынан басқа әрбір мәннен кейін үтір (,) қойылуы керек.

"autoGrow_onStartup": false,
"autoGrow_maxHeight": 0,
"autoGrow_minHeight": 30,
"height": 30,

Пішімделген мәтін аймағына теру немесе суретті қою оны мазмұнға сәйкестендіру үшін көбейтетінін көрсететін скриншот.

Редактордың биіктігін 500 пиксельге бекітіңіз

Осы defaultSupportedProps қасиеттерді конфигурация файлында орнатыңыз. Соңғысынан басқа әрбір мәннен кейін үтір (,) қойылуы керек.

"removePlugins": [ "autogrow" ],
"height": 500,

Бекітілген биіктікте пішімделген мәтін аймағына жеткілікті мазмұн қосылғанда, айналдыру жолағы пайда болатынын көрсететін скриншот.

Мәтінмәндік мәзірді (тінтуірдің оң жақ түймешігімен нұқу) браузердің әдепкі контекстік мәзірін пайдаланыңыз

Редакторды басқару элементінің мәтінмәндік мәзірін браузердің әдепкі мәтінмәндік мәзірімен ауыстыру үшін контекстік мәзір қосылатын модулін жойыңыз.

Осы defaultSupportedProps сипатты конфигурация файлында орнатыңыз. Файлдағы соңғы сипат болмаса, осы мәнді үтірмен (,) орындаңыз.

"removePlugins": "contextmenu,liststyle,openlink,tableresize,tableselection,tabletools",

Пішімделген мәтін өңдегішінің басқару элементінің конфигурациясын табыңыз

Пішімделген мәтін өңдегішінің данасы конфигурациясының қайдан келетініне сенімді болмасаңыз, оны браузеріңіздің әзірлеуші ​​құралдары арқылы табуға болады.

  1. Microsoft Edge немесе Google Chrome браузерінде үлгіге негізделген қолданбаны іске қосыңыз және пішімделген мәтін өңдегішін басқару мүмкіндігі бар пішінді ашыңыз.
  2. Пішімделген мәтін өңдегішінің мазмұн аймағын тінтуірдің оң жақ түймешігімен басып, Тексеру таңдаңыз.
  3. Тексеру аумағында Консоль қойындысын таңдаңыз.
  4. Пәрмендер жолағындағы тізім жолағынан ата-аналық Main.aspx бетті таңдаңыз.

Консоль қойындысы және main.aspx беті бөлектелген браузер әзірлеуші ​​құралдарының скриншоты.

  1. Тексеру тақтасының пәрмен жолағында Консольді тазалау белгішесін таңдап, консольге CKEDITOR.config. енгізіңіз. .

Браузер әзірлеушісі құралдарының скриншоты, консольді тазалау белгішесі бөлектелген.

  1. Әртүрлі конфигурацияларды көрсету үшін тексеру тақтасының консолінде CKEDITOR.config. енгізіңіз.

CK өңдегіші конфигурацияларының тізімі.

  1. Ағымдағы параметрді көрсету үшін autoGrow_minHeight сияқты конфигурацияны таңдаңыз.

Пішімделген мәтін өңдегішінің құралдар тақтасы

Келесі кесте әдепкі бойынша пішімделген мәтін өңдегішінде қол жетімді пішімдеу құралдарын сипаттайды.

Icon Аты Пернелер тіркесімі Сипаттама
Пішім бейнелеушісі. Пішімдеуді көшіру Ctrl+Shift+C, Ctrl+Shift+V Басқа бөлімге белгілі бір бөлім көрінісін қолданыңыз.
Қаріп. Қаріп атауы Ctrl+Shift+F Қаріпті таңдаңыз. Қолданба әдепкі қаріпті таңдаған қаріпті қарастырады. Segoe UI біреуін таңдамасаңыз, әдепкі қаріп болып табылады.

Пішімделген мазмұнды таңдаған кезде, оған қолданылатын қаріптің атауы көрсетіледі. Таңдауыңызда бірнеше қаріптер болса, таңдауға қолданылатын біріншісі көрсетіледі.
Қаріп өлшемі. Қаріп өлшемі Ctrl+Shift+P Мәтініңіздің өлшемін өзгертіңіз. Қолданба әдепкі өлшемді таңдаған қаріп өлшемін қарастырады. Егер біреуін таңдамасаңыз, 12 - әдепкі өлшем.

Пішімделген мазмұнды таңдаған кезде, оған қолданылатын қаріп өлшемі көрсетіледі. Таңдауыңызда бірнеше өлшем болса, таңдауға қолданылатын біріншісі көрсетіледі.
Қалың. Жуан Ctrl+B Мәтінді қалың етіңіз.
Көлбеу. Italic Ctrl+I Мәтінді қиғаш етіңіз.
Астын сызу. Астыңғы сызық Ctrl+U Мәтін астын сызыңыз.
Мәтінді бөлектеу түсі. Фон түсі Мәтініңізді ашық түспен бөлектеңіз.
Қаріп түсі. Мәтін түсі Мәтініңіздің түсін өзгертіңіз.
Бюллетеньдер. Таңбалаушы тізімді кірістіру/жою Таңбалауыш тізімді жасаңыз.
Нөмірлеу. Нөмірленген тізімді кірістіру/жою Нөмірленген тізімді жасаңыз.
Жол шегінісін кішірейту. Жол шегінісін кішірейту Абзацты шетіне жақындатыңыз.
Жол шегінісін үлкейту. Жол шегінісін үлкейту Абзацты шетінен алыстатыңыз.
Дәйексөз. Дәйексөз Мазмұныңызға блок деңгейіндегі тырнақша пішімін қолданыңыз.
Сол жақ бойынша туралау. Сол жақ бойынша туралау Ctrl+L Мазмұнды сол жақ шетке туралаңыз.
Ортаға туралау. Ортаға туралау Ctrl+E Беттегі мазмұныңызды ортаға туралаңыз.
Оң жақ бойынша туралау. Оң жақ бойынша туралау Ctrl+R Мазмұнды оң жақ шетпен туралаңыз.
Сілтеме. Байланыстыру Веб-беттерге және басқа бұлттық ресурстарға жылдам қол жеткізу үшін құжатта сілтеме жасаңыз. Анкерлік мәтінді Дисплей мәтін жолағына енгізіңіз немесе қойыңыз, содан кейін URL мекенжайын URL ішіне енгізіңіз немесе қойыңыз. қорап.

Қажет болса, сілтеме веб-беттен басқа нәрсеге болса, a Сілтеме түрі және протоколды таңдаңыз. URL түріндегі сілтеме қай жерде ашылатынын көрсету үшін Нысана қойындысын таңдап, одан кейін a Нысана таңдаңыз.

Қойылған немесе терілген URL автоматты түрде сілтемеге түрлендіріледі. Мысалы, http://myexample.com <a href="http://myexample.com">http://myexample.com</a> болады.
Сілтемені жою. Байланыстырмау Сілтемені якорьден алып тастап, оны қарапайым мәтінге айналдырыңыз.
Жолүсті. Жолүсті Мәтін жолының дәл үстіне кішкентай әріптерді теріңіз.
Жоласты. Жоласты Мәтін жолының дәл астына кішкентай әріптерді теріңіз.
Сызылған. Сызылған Сызықты салу арқылы мәтінді сызып тастаңыз.
Сурет кірістіру. Image Кескінді кірістіру үшін оны алмасу буферінен мазмұн аймағына қойыңыз немесе кескін файлын қалтадан мазмұн аймағына сүйреңіз. Кескіннің өлшемін өзгерту үшін кескіннің кез келген бұрышын сүйреңіз. Басқару элементі .png, .jpg. және .gif кескіндерін қолдайды.

Кескіннің көзін, сыртқы түрін және әрекетін көбірек бақылау үшін Кескін түймесін таңдаңыз. Жергілікті қалтадағы сурет файлын шолыңыз немесе оның URL мекенжайын енгізіңіз. Кескін сыртқы серверде сақталса, абсолютті жолды енгізіңіз. Егер ол жергілікті серверде болса, салыстырмалы жолды енгізуге болады. Қажет болса, кескін өлшемін өзгерту үшін белгілі бір биіктік пен енді енгізіп, туралауды таңдаңыз. Сондай-ақ экраннан оқу құралдарын пайдаланатын адамдар үшін кескінді сипаттау үшін балама мәтінді енгізу керек.

Егер сурет сонымен қатар веб-бетке немесе басқа бұлттық ресурсқа сілтеме болса, ресурстың URL мекенжайын Мақсатты URL жолағына енгізіңіз және қажет болса, > Сілтеме ашылуы керек мақсат.
Солдан оңға. Солдан оңға қарай мәтін бағыты Мәтінді солдан оңға қарай өзгертіңіз. Бұл әдепкі параметр болып табылады.
Оңнан солға. Оңнан солға қарай мәтін бағыты Екі жақты тіл мазмұны үшін мәтінді оңнан солға өзгертіңіз.
Болдырмау. Қайтару Мазмұнға жасаған соңғы өзгерісті кері қайтарыңыз.
Қайталау. Қайта жасау Соңғы қайтаруды болдырмаңыз немесе мазмұнға соңғы жасаған өзгертуіңізді қайта қолданыңыз.
Барлық пішімдеуді тазалау. Пішімді жою Таңдалған мәтіннен барлық пішімдеуді алып тастаңыз.
Кесте. Table Таңдалған жолдар мен бағандар саны бар кестені кірістіріңіз. Кесте өлшемі мен көрінісін көбірек бақылау үшін Кесте түймешігін > Қосымша таңдап, оның сипаттарын өзгертіңіз. Сондай-ақ, кестені көру және оның сипаттарын өзгерту үшін тінтуірдің оң жақ түймешігімен басуға болады.

Бағанның енін өзгерту үшін оның жиегін сүйреңіз. Сіз бір немесе бірнеше ұяшықтарды, жолдарды немесе бағандарды таңдай аласыз және арнайы пішімдеуді қолдана аласыз, таңдалған мәтінге сілтеме қоса аласыз және барлық жолдарды немесе бағандарды қиып, көшіріп, қоюға болады.
Жекелендіру параметрлері Әдепкі қаріп пен қаріп өлшемін орнатыңыз.
Арнайы мүмкіндіктер анықтамасы Alt + 0 Пішімделген мәтін өңдегішінде пайдалануға болатын пернелер тіркесімдерінің тізімін ашыңыз.
Құралдар тақтасын үлкейту. Құралдар тақтасын үлкейту Барлық құралдар тақтасын көрсету үшін терезе тым тар болғанда, құралдар тақтасын екінші жолға кеңейту үшін таңдаңыз.

Шайпұл

Браузердің кірістірілген емлені тексеру құралын пайдалану үшін тексергіңіз келетін мәтінді тінтуірдің оң жақ түймешігімен басқан кезде Ctrl пернесін басыңыз. Әйтпесе, тінтуірдің оң жақ түймешігімен басу (контекстік) мәзір таңдалған элемент үшін мәтінмәндік пішімдеуді қамтамасыз етеді.
Браузеріңіздің кірістірілген емлені тексеру құралына балама Microsoft Editor шолғыш кеңейтімі болып табылады. Microsoft Editor пішімделген мәтін өңдегішінің басқару элементімен үздіксіз жұмыс істейді және қосылған кезде жылдам және оңай кірістірілген грамматика мен емлені тексеру мүмкіндіктерін береді.

Пішімделген мәтін өңдегішін желіден тыс пайдаланыңыз

Пішімделген мәтін өңдегішінің басқару элементі сіз үйреніп қалған кейбір мүмкіндіктер мен функционалдық мүмкіндіктер болмаса да, желіден тыс жұмыс істегенде қолжетімді болады. Өңдегіштің әдепкі конфигурациясын пайдаланып жүктеп салатын кескіндер офлайн режимде жұмыс істегенде қолжетімді болмайды.

Келесі қосылатын модульдер пішімделген мәтін өңдегіші желіден тыс болғанда қолжетімді болады:

  • Ajax, автоөсіру, негізгі стильдер, bidi, блок тырнақша, түйме, конфигурациялау құралы, контекстік мәзір, диалогтық терезе, диалогтар, редактордың орнын толтырғыш, енгізу кілті, нысандар, жалған нысандар, қалқымалы кеңістік, қалқымалы панель, пішім, көлденең ереже, htmlwriter, шегініс, шегініс блок, шегініс тізімі, ақтау, тізім, сызықша тізімді блоктау, үлкейту, мәзір, мәзір түймесі, хабарландыру, хабарландыру агрегаторы, панель, панель түймесі, қалқымалы терезе, алдын ала қарау, пішімді жою, өлшемін өзгерту, richcombo, таңдау, көрсету жиектері, дереккөз аймағы, арнайы таңба, стильдер комбинациясы, қойынды, мәтін сәйкестігі, мәтін бақылаушысы, құралдар тақтасы, болдырмау, виджет таңдау, wysiway, xml

Келесі пішімдеу құралдары пішімделген мәтін өңдегішінде желіден тыс кезде қол жетімді:

  • Қалың, көлбеу, астын сызу, маркерленген және нөмірленген тізімдер, шегіністерді азайту және көбейту, тырнақшаны блоктау, солға туралау, ортаға туралау, оңға туралау, сызу, екі бағытты мәтін, болдырмау және қайталау, пішімдеуді жою

Толық мәтін өңдегішін пайдалану бойынша ең үздік тәжірибелер

  • Пішімделген мәтін өрістері пайдаланушы енгізген деректермен бірге пішімдеуге арналған HTML тегтерін сақтайды. Пішімделген мәтін өрістерінің максималды өлшемін орнатқанда, HTML тегтері мен пайдаланушы деректерінің екеуіне де рұқсат етіңіз.

  • Ең жақсы өнімділік үшін HTML мазмұнын 1 МБ немесе одан аз етіп сақтаңыз. Үлкенірек өлшемдерде жүктеу және өңдеу үшін баяу жауап беру уақытын байқауыңыз мүмкін.

  • Әдепкі конфигурацияда кескіндер өнімділікке теріс әсер етпейді, себебі олар HTML мазмұнынан бөлек сақталады. Дегенмен, суреттерді жүктеп салған пайдаланушының msdyn_richtextfiles кестеде рұқсаттары болмаған кезде, олар мәтін бағанында base64 мазмұны ретінде сақталады. Base64 мазмұны үлкен, сондықтан әдетте суреттерді баған мазмұнының бөлігі ретінде сақтағыңыз келмейді.

  • Жүйе әкімшісі немесе негізгі пайдаланушы қауіпсіздік рөлі болса, пайдаланушыны жекелендіру мүмкіндігі әдепкі бойынша жұмыс істейді. Егер сізде бұл рөлдер болмаса, пайдаланушыны жекелендіру қосылатын модулі жұмыс істеуі үшін msdyn_customcontrolextendedsettings кестеде жасау, оқу және жазу артықшылықтары болуы керек.

Жиі қойылатын сұрақтар

Терілген таңбалар неге баяу көрсетіледі?

Редакторда мазмұн көп болса, жауап беру уақыты артуы мүмкін. Ең жақсы өнімділік үшін мазмұнды 1 МБ немесе одан аз көлемде сақтаңыз. Емле немесе грамматикалық тексерулер теру жұмысын баяулатуы мүмкін.

Неліктен мен суретті жүктей алмаймын? Неліктен кескінді алдын ала қарау жүктелмейді?

Кескін файлының аты, соның ішінде жол ұзақ болса, файл жүктеп салынбауы немесе алдын ала қарау көрсетілмеуі мүмкін. Файл атауын қысқартуға немесе оны қысқа жолы бар орынға жылжытып көріңіз, содан кейін оны қайта жүктеп салыңыз.

Неліктен мен мәтінімде HTML көріп тұрмын?

Пішімделген мәтін өңдегішінің басқару элементі пішімделген мәтін үшін пішімделмеген бағанда пайдаланылса, мазмұн пішімделген мәтін ретінде емес, негізгі HTML ішінде пайда болады.

Редактордың мазмұн аймағында пайда болатын HTML скриншоты.

Бұл мәселені шешу үшін, бағанның пішімі Rich text күйіне орнатылғанын тексеріңіз.

Келесіні де қараңыз:

Ескерім

Сіз құжат тіліңіздің артықшылықтары туралы айта аласыз ба? Қысқа сауалнамаға қатысыңыз. (бұл сауалнама ағылшын тілінде екеніне назар аударыңыз)

Сауалнама шамамен жеті минут уақытыңызды алады. Жеке деректер жиналмайды (құпиялылық туралы мәлімдеме).