[{"data":1,"prerenderedAt":1679},["ShallowReactive",2],{"navigation":3,"docs-sdk-4.5-editor-styling":498,"nav-sdk45":1511,"support-index":1610},[4],{"title":5,"path":6,"stem":7,"children":8,"page":40},"Docs","\u002Fdocs","docs",[9,242,320],{"title":10,"path":11,"stem":12,"children":13,"page":40},"Cloud","\u002Fdocs\u002Fcloud","docs\u002Fcloud",[14],{"title":15,"path":16,"stem":17,"children":18,"page":40},"4.5","\u002Fdocs\u002Fcloud\u002F4.5","docs\u002Fcloud\u002F4.5",[19,41,54,79,100,147,172,196,209,234],{"title":20,"path":21,"stem":22,"children":23,"page":40},"Overview","\u002Fdocs\u002Fcloud\u002F4.5\u002Foverview","docs\u002Fcloud\u002F4.5\u002F01.overview",[24,28,32,36],{"title":25,"path":26,"stem":27},"MyScript iink SDK for web-based platform","\u002Fdocs\u002Fcloud\u002F4.5\u002Foverview\u002Fintroduction","docs\u002Fcloud\u002F4.5\u002F01.overview\u002F01.introduction",{"title":29,"path":30,"stem":31},"Choosing between REST or WebSockets","\u002Fdocs\u002Fcloud\u002F4.5\u002Foverview\u002Fhttp-rest-or-websocket","docs\u002Fcloud\u002F4.5\u002F01.overview\u002F02.http-rest-or-websocket",{"title":33,"path":34,"stem":35},"What's new","\u002Fdocs\u002Fcloud\u002F4.5\u002Foverview\u002Fchangelog","docs\u002Fcloud\u002F4.5\u002F01.overview\u002F03.changelog",{"title":37,"path":38,"stem":39},"Migration guide","\u002Fdocs\u002Fcloud\u002F4.5\u002Foverview\u002Fmigration-guide","docs\u002Fcloud\u002F4.5\u002F01.overview\u002F04.migration-guide",false,{"title":42,"path":43,"stem":44,"children":45,"page":40},"Integration","\u002Fdocs\u002Fcloud\u002F4.5\u002Fintegration","docs\u002Fcloud\u002F4.5\u002F02.integration",[46,50],{"title":47,"path":48,"stem":49},"Supported platforms","\u002Fdocs\u002Fcloud\u002F4.5\u002Fintegration\u002Fplatforms","docs\u002Fcloud\u002F4.5\u002F02.integration\u002F01.platforms",{"title":51,"path":52,"stem":53},"Integration levels","\u002Fdocs\u002Fcloud\u002F4.5\u002Fintegration\u002Fintegration-levels","docs\u002Fcloud\u002F4.5\u002F02.integration\u002F02.integration-levels",{"title":55,"path":56,"stem":57,"children":58,"page":40},"Recognition capabilities","\u002Fdocs\u002Fcloud\u002F4.5\u002Frecognition-capabilities","docs\u002Fcloud\u002F4.5\u002F03.recognition-capabilities",[59,63,67,71,75],{"title":60,"path":61,"stem":62},"Recognizers","\u002Fdocs\u002Fcloud\u002F4.5\u002Frecognition-capabilities\u002Frecognizers","docs\u002Fcloud\u002F4.5\u002F03.recognition-capabilities\u002F01.recognizers",{"title":64,"path":65,"stem":66},"Text languages and features","\u002Fdocs\u002Fcloud\u002F4.5\u002Frecognition-capabilities\u002Ftext-languages","docs\u002Fcloud\u002F4.5\u002F03.recognition-capabilities\u002F02.text-languages",{"title":68,"path":69,"stem":70},"Math elements and rules","\u002Fdocs\u002Fcloud\u002F4.5\u002Frecognition-capabilities\u002Fmath-elements-and-rules","docs\u002Fcloud\u002F4.5\u002F03.recognition-capabilities\u002F03.math-elements-and-rules",{"title":72,"path":73,"stem":74},"Shapes and connectors","\u002Fdocs\u002Fcloud\u002F4.5\u002Frecognition-capabilities\u002Fdiagram-features","docs\u002Fcloud\u002F4.5\u002F03.recognition-capabilities\u002F04.diagram-features",{"title":76,"path":77,"stem":78},"Gestures","\u002Fdocs\u002Fcloud\u002F4.5\u002Frecognition-capabilities\u002Fgestures","docs\u002Fcloud\u002F4.5\u002F03.recognition-capabilities\u002F05.gestures",{"title":80,"path":81,"stem":82,"children":83,"page":40},"Interactivity integration","\u002Fdocs\u002Fcloud\u002F4.5\u002Finteractivity-integration","docs\u002Fcloud\u002F4.5\u002F04.interactivity-integration",[84,88,92,96],{"title":85,"path":86,"stem":87},"Content types","\u002Fdocs\u002Fcloud\u002F4.5\u002Finteractivity-integration\u002Fcontent-types","docs\u002Fcloud\u002F4.5\u002F04.interactivity-integration\u002F01.content-types",{"title":89,"path":90,"stem":91},"Interactive features","\u002Fdocs\u002Fcloud\u002F4.5\u002Finteractivity-integration\u002Finteractive-features","docs\u002Fcloud\u002F4.5\u002F04.interactivity-integration\u002F02.interactive-features",{"title":93,"path":94,"stem":95},"Import and export formats","\u002Fdocs\u002Fcloud\u002F4.5\u002Finteractivity-integration\u002Fimport-and-export-formats","docs\u002Fcloud\u002F4.5\u002F04.interactivity-integration\u002F03.import-and-export-formats",{"title":97,"path":98,"stem":99},"Math interactive features","\u002Fdocs\u002Fcloud\u002F4.5\u002Finteractivity-integration\u002Fmath-features","docs\u002Fcloud\u002F4.5\u002F04.interactivity-integration\u002F04.math-features",{"title":101,"path":102,"stem":103,"children":104,"page":40},"iinkTS","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts","docs\u002Fcloud\u002F4.5\u002F05.iinkts",[105,109,113,121,138],{"title":106,"path":107,"stem":108},"Getting started","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Fget-started","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F01.get-started",{"title":110,"path":111,"stem":112},"Canvas","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Fcanvas","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F02.canvas",{"title":114,"path":115,"stem":116,"children":117,"page":40},"Ink Canvas","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Fink-canvas","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F03.ink-canvas",[118],{"title":114,"path":119,"stem":120},"\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Fink-canvas\u002Fink-canvas","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F03.ink-canvas\u002F01.ink-canvas",{"title":122,"path":123,"stem":124,"children":125,"page":40},"Interactive Ink Canvas","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Finteractive-ink-canvas","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F04.interactive-ink-canvas",[126,130,134],{"title":127,"path":128,"stem":129},"Interactive ink canvas","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Finteractive-ink-canvas\u002Finteractive-ink-canvas","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F04.interactive-ink-canvas\u002F01.interactive-ink-canvas",{"title":131,"path":132,"stem":133},"Interactive Math","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Finteractive-ink-canvas\u002Fiicanvas-math","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F04.interactive-ink-canvas\u002F02.iicanvas-math",{"title":135,"path":136,"stem":137},"Using a custom rendering","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Finteractive-ink-canvas\u002Fiicanvas-other-rendering","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F04.interactive-ink-canvas\u002F03.iicanvas-other-rendering",{"title":139,"path":140,"stem":141,"children":142,"page":40},"Reference","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Freference","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F05.reference",[143],{"title":144,"path":145,"stem":146},"Configuration","\u002Fdocs\u002Fcloud\u002F4.5\u002Fiinkts\u002Freference\u002Fconfiguration-iinkts","docs\u002Fcloud\u002F4.5\u002F05.iinkts\u002F05.reference\u002F01.configuration-iinkts",{"title":148,"path":149,"stem":150,"children":151,"page":40},"REST","\u002Fdocs\u002Fcloud\u002F4.5\u002Frest","docs\u002Fcloud\u002F4.5\u002F06.rest",[152,156,160,164,168],{"title":153,"path":154,"stem":155},"MyScript iink SDK Web REST Overview","\u002Fdocs\u002Fcloud\u002F4.5\u002Frest\u002Farchitecture","docs\u002Fcloud\u002F4.5\u002F06.rest\u002F01.architecture",{"title":157,"path":158,"stem":159},"MyScript iink SDK Web REST Recognizer API","\u002Fdocs\u002Fcloud\u002F4.5\u002Frest\u002Fnew-api","docs\u002Fcloud\u002F4.5\u002F06.rest\u002F02.new-api",{"title":161,"path":162,"stem":163},"Recognizer configuration","\u002Fdocs\u002Fcloud\u002F4.5\u002Frest\u002Fconfiguration-recognizer-rest","docs\u002Fcloud\u002F4.5\u002F06.rest\u002F03.configuration-recognizer-rest",{"title":165,"path":166,"stem":167},"MyScript iink SDK Web REST Batch API","\u002Fdocs\u002Fcloud\u002F4.5\u002Frest\u002Flegacy-api","docs\u002Fcloud\u002F4.5\u002F06.rest\u002F04.legacy-api",{"title":169,"path":170,"stem":171},"Batch configuration","\u002Fdocs\u002Fcloud\u002F4.5\u002Frest\u002Fconfiguration-rest","docs\u002Fcloud\u002F4.5\u002F06.rest\u002F05.configuration-rest",{"title":173,"path":174,"stem":175,"children":176,"page":40},"WebSockets","\u002Fdocs\u002Fcloud\u002F4.5\u002Fwebsockets","docs\u002Fcloud\u002F4.5\u002F07.websockets",[177,181,185,189,193],{"title":178,"path":179,"stem":180},"MyScript iink SDK WebSockets API architecture","\u002Fdocs\u002Fcloud\u002F4.5\u002Fwebsockets\u002Farchitecture","docs\u002Fcloud\u002F4.5\u002F07.websockets\u002F01.architecture",{"title":182,"path":183,"stem":184},"Offscreen interactivity mode messages","\u002Fdocs\u002Fcloud\u002F4.5\u002Fwebsockets\u002Fmessages-offscreen","docs\u002Fcloud\u002F4.5\u002F07.websockets\u002F02.messages-offscreen",{"title":186,"path":187,"stem":188},"Offscreen interactivity math messages","\u002Fdocs\u002Fcloud\u002F4.5\u002Fwebsockets\u002Fmath-offscreen","docs\u002Fcloud\u002F4.5\u002F07.websockets\u002F03.math-offscreen",{"title":190,"path":191,"stem":192},"Onscreen interactivity mode messages","\u002Fdocs\u002Fcloud\u002F4.5\u002Fwebsockets\u002Fmessages-onscreen","docs\u002Fcloud\u002F4.5\u002F07.websockets\u002F04.messages-onscreen",{"title":144,"path":194,"stem":195},"\u002Fdocs\u002Fcloud\u002F4.5\u002Fwebsockets\u002Fconfiguration-ws","docs\u002Fcloud\u002F4.5\u002F07.websockets\u002F05.configuration-ws",{"title":197,"path":198,"stem":199,"children":200,"page":40},"Specific","\u002Fdocs\u002Fcloud\u002F4.5\u002Fspecific","docs\u002Fcloud\u002F4.5\u002F08.specific",[201,205],{"title":202,"path":203,"stem":204},"Text recognition candidates","\u002Fdocs\u002Fcloud\u002F4.5\u002Fspecific\u002Ftext-recognition-candidates","docs\u002Fcloud\u002F4.5\u002F08.specific\u002F01.text-recognition-candidates",{"title":206,"path":207,"stem":208},"Recognition resources","\u002Fdocs\u002Fcloud\u002F4.5\u002Fspecific\u002Fcustom-recognition","docs\u002Fcloud\u002F4.5\u002F08.specific\u002F02.custom-recognition",{"title":210,"path":211,"stem":212,"children":213,"page":40},"Server","\u002Fdocs\u002Fcloud\u002F4.5\u002Fserver","docs\u002Fcloud\u002F4.5\u002F09.server",[214,218,222,226,230],{"title":215,"path":216,"stem":217},"MyScript Server Installation Preamble and Prerequisites","\u002Fdocs\u002Fcloud\u002F4.5\u002Fserver\u002Fpreamble-prerequisites","docs\u002Fcloud\u002F4.5\u002F09.server\u002F01.preamble-prerequisites",{"title":219,"path":220,"stem":221},"MyScript Server Monoserver Installation Documentation","\u002Fdocs\u002Fcloud\u002F4.5\u002Fserver\u002Fmonoserver-installation","docs\u002Fcloud\u002F4.5\u002F09.server\u002F02.monoserver-installation",{"title":223,"path":224,"stem":225},"MyScript Server Production Installation Documentation","\u002Fdocs\u002Fcloud\u002F4.5\u002Fserver\u002Fproduction-installation","docs\u002Fcloud\u002F4.5\u002F09.server\u002F03.production-installation",{"title":227,"path":228,"stem":229},"MyScript Server Migration Guide","\u002Fdocs\u002Fcloud\u002F4.5\u002Fserver\u002Fserver-migration-guide","docs\u002Fcloud\u002F4.5\u002F09.server\u002F04.server-migration-guide",{"title":231,"path":232,"stem":233},"MyScript Server Administration Guide","\u002Fdocs\u002Fcloud\u002F4.5\u002Fserver\u002Fadministration-guide","docs\u002Fcloud\u002F4.5\u002F09.server\u002F05.administration-guide",{"title":139,"path":235,"stem":236,"children":237,"page":40},"\u002Fdocs\u002Fcloud\u002F4.5\u002Freference","docs\u002Fcloud\u002F4.5\u002F10.reference",[238],{"title":239,"path":240,"stem":241},"JIIX format reference","\u002Fdocs\u002Fcloud\u002F4.5\u002Freference\u002Fjiix","docs\u002Fcloud\u002F4.5\u002F10.reference\u002F01.jiix",{"title":243,"path":244,"stem":245,"children":246,"page":40},"Concepts","\u002Fdocs\u002Fconcepts","docs\u002Fconcepts",[247,250,254],{"title":20,"path":248,"stem":249},"\u002Fdocs\u002Fconcepts\u002Foverview","docs\u002Fconcepts\u002F01.overview",{"title":251,"path":252,"stem":253},"Glossary","\u002Fdocs\u002Fconcepts\u002Fglossary","docs\u002Fconcepts\u002F02.glossary",{"title":255,"path":256,"stem":257,"children":258,"page":40},"Fundamentals","\u002Fdocs\u002Fconcepts\u002Ffundamentals","docs\u002Fconcepts\u002F03.fundamentals",[259,263,292,312],{"title":260,"path":261,"stem":262},"OCR vs digital ink recognition","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fdigital-ink-vs-ocr","docs\u002Fconcepts\u002F03.fundamentals\u002F01.digital-ink-vs-ocr",{"title":264,"path":265,"stem":266,"children":267,"page":40},"Ink interpretation","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation",[268,272,276,280,284,288],{"title":269,"path":270,"stem":271},"Ink processing","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation\u002Fink-interpretation","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation\u002F01.ink-interpretation",{"title":273,"path":274,"stem":275},"Recognition features","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation\u002Fcontent-types","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation\u002F02.content-types",{"title":277,"path":278,"stem":279},"Ink classification","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation\u002Fink-classification","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation\u002F03.ink-classification",{"title":281,"path":282,"stem":283},"What are batch mode and incremental mode?","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation\u002Fbatch-mode","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation\u002F04.batch-mode",{"title":285,"path":286,"stem":287},"Gestures and context","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation\u002Fcontext-gestures","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation\u002F05.context-gestures",{"title":289,"path":290,"stem":291},"What is interactivity","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fink-interpretation\u002Finteractive-ink","docs\u002Fconcepts\u002F03.fundamentals\u002F02.ink-interpretation\u002F06.interactive-ink",{"title":293,"path":294,"stem":295,"children":296,"page":40},"Rendering-driven interactivity","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Frendering-driven-interactivity","docs\u002Fconcepts\u002F03.fundamentals\u002F03.rendering-driven-interactivity",[297,301,304,308],{"title":298,"path":299,"stem":300},"Ink capture","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Frendering-driven-interactivity\u002Fink-capture","docs\u002Fconcepts\u002F03.fundamentals\u002F03.rendering-driven-interactivity\u002F01.ink-capture",{"title":76,"path":302,"stem":303},"\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Frendering-driven-interactivity\u002Fediting-gestures","docs\u002Fconcepts\u002F03.fundamentals\u002F03.rendering-driven-interactivity\u002F02.editing-gestures",{"title":305,"path":306,"stem":307},"Smart tools","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Frendering-driven-interactivity\u002Fsmart-tools","docs\u002Fconcepts\u002F03.fundamentals\u002F03.rendering-driven-interactivity\u002F03.smart-tools",{"title":309,"path":310,"stem":311},"Responsive and productive","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Frendering-driven-interactivity\u002Fresponsive-layout","docs\u002Fconcepts\u002F03.fundamentals\u002F03.rendering-driven-interactivity\u002F04.responsive-layout",{"title":313,"path":314,"stem":315,"children":316,"page":40},"Handwriting generation","\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fhandwriting-generation","docs\u002Fconcepts\u002F03.fundamentals\u002F04.handwriting-generation",[317],{"title":313,"path":318,"stem":319},"\u002Fdocs\u002Fconcepts\u002Ffundamentals\u002Fhandwriting-generation\u002Fhandwriting-generation","docs\u002Fconcepts\u002F03.fundamentals\u002F04.handwriting-generation\u002F01.handwriting-generation",{"title":321,"path":322,"stem":323,"children":324,"page":40},"Sdk","\u002Fdocs\u002Fsdk","docs\u002Fsdk",[325],{"title":15,"path":326,"stem":327,"children":328,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5","docs\u002Fsdk\u002F4.5",[329,333,336,339,349,368,381,393,401,417,426,463,467,470,474,477,484],{"title":330,"path":331,"stem":332},"About MyScript iink SDK","\u002Fdocs\u002Fsdk\u002F4.5\u002Fabout","docs\u002Fsdk\u002F4.5\u002F01.about",{"title":33,"path":334,"stem":335},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fchangelog","docs\u002Fsdk\u002F4.5\u002F02.changelog",{"title":37,"path":337,"stem":338},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fmigration-guide","docs\u002Fsdk\u002F4.5\u002F03.migration-guide",{"title":42,"path":340,"stem":341,"children":342,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fintegration","docs\u002Fsdk\u002F4.5\u002F04.integration",[343,346],{"title":47,"path":344,"stem":345},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fintegration\u002Fplatforms","docs\u002Fsdk\u002F4.5\u002F04.integration\u002F01.platforms",{"title":51,"path":347,"stem":348},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fintegration\u002Fintegration-levels","docs\u002Fsdk\u002F4.5\u002F04.integration\u002F02.integration-levels",{"title":55,"path":350,"stem":351,"children":352,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognition-capabilities","docs\u002Fsdk\u002F4.5\u002F05.recognition-capabilities",[353,356,359,362,365],{"title":60,"path":354,"stem":355},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognition-capabilities\u002Frecognizers","docs\u002Fsdk\u002F4.5\u002F05.recognition-capabilities\u002F01.recognizers",{"title":64,"path":357,"stem":358},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognition-capabilities\u002Ftext-languages","docs\u002Fsdk\u002F4.5\u002F05.recognition-capabilities\u002F02.text-languages",{"title":68,"path":360,"stem":361},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognition-capabilities\u002Fmath-elements-and-rules","docs\u002Fsdk\u002F4.5\u002F05.recognition-capabilities\u002F03.math-elements-and-rules",{"title":72,"path":363,"stem":364},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognition-capabilities\u002Fdiagram-features","docs\u002Fsdk\u002F4.5\u002F05.recognition-capabilities\u002F04.diagram-features",{"title":76,"path":366,"stem":367},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognition-capabilities\u002Fgestures","docs\u002Fsdk\u002F4.5\u002F05.recognition-capabilities\u002F05.gestures",{"title":80,"path":369,"stem":370,"children":371,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity-integration","docs\u002Fsdk\u002F4.5\u002F06.interactivity-integration",[372,375,378],{"title":85,"path":373,"stem":374},"\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity-integration\u002Fcontent-types","docs\u002Fsdk\u002F4.5\u002F06.interactivity-integration\u002F01.content-types",{"title":89,"path":376,"stem":377},"\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity-integration\u002Finteractive-features","docs\u002Fsdk\u002F4.5\u002F06.interactivity-integration\u002F02.interactive-features",{"title":93,"path":379,"stem":380},"\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity-integration\u002Fimport-and-export-formats","docs\u002Fsdk\u002F4.5\u002F06.interactivity-integration\u002F03.import-and-export-formats",{"title":106,"path":382,"stem":383,"children":384,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fgetting-started","docs\u002Fsdk\u002F4.5\u002F07.getting-started",[385,389],{"title":386,"path":387,"stem":388},"Setup","\u002Fdocs\u002Fsdk\u002F4.5\u002Fgetting-started\u002Fsetup","docs\u002Fsdk\u002F4.5\u002F07.getting-started\u002F01.setup",{"title":390,"path":391,"stem":392},"Instantiate Engine","\u002Fdocs\u002Fsdk\u002F4.5\u002Fgetting-started\u002Finteractive-ink-runtime","docs\u002Fsdk\u002F4.5\u002F07.getting-started\u002F02.interactive-ink-runtime",{"title":394,"path":395,"stem":396,"children":397,"page":40},"Recognizer","\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognizer","docs\u002Fsdk\u002F4.5\u002F08.recognizer",[398],{"title":60,"path":399,"stem":400},"\u002Fdocs\u002Fsdk\u002F4.5\u002Frecognizer\u002Frecognizers","docs\u002Fsdk\u002F4.5\u002F08.recognizer\u002F01.recognizers",{"title":402,"path":403,"stem":404,"children":405,"page":40},"Interactivity specific","\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity","docs\u002Fsdk\u002F4.5\u002F09.interactivity",[406,410,413],{"title":407,"path":408,"stem":409},"Storage","\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity\u002Fstorage","docs\u002Fsdk\u002F4.5\u002F09.interactivity\u002F01.storage",{"title":97,"path":411,"stem":412},"\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity\u002Fmath-features","docs\u002Fsdk\u002F4.5\u002F09.interactivity\u002F02.math-features",{"title":414,"path":415,"stem":416},"Integrate with the undo\u002Fredo stack of your application","\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity\u002Fcombined-undo-redo-stacks","docs\u002Fsdk\u002F4.5\u002F09.interactivity\u002F03.combined-undo-redo-stacks",{"title":418,"path":419,"stem":420,"children":421,"page":40},"OffScreenEditor specific","\u002Fdocs\u002Fsdk\u002F4.5\u002Foffscreen-editor","docs\u002Fsdk\u002F4.5\u002F10.offscreen-editor",[422],{"title":423,"path":424,"stem":425},"OffscreenEditor","\u002Fdocs\u002Fsdk\u002F4.5\u002Foffscreen-editor\u002Foff-screen-usage","docs\u002Fsdk\u002F4.5\u002F10.offscreen-editor\u002F01.off-screen-usage",{"title":427,"path":428,"stem":429,"children":430,"page":40},"Editor specific","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor","docs\u002Fsdk\u002F4.5\u002F11.editor",[431,435,439,443,447,451,455,459],{"title":432,"path":433,"stem":434},"Rendering","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Frendering","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F01.rendering",{"title":436,"path":437,"stem":438},"Editing","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Fediting","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F02.editing",{"title":440,"path":441,"stem":442},"Tool controller","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Ftool-controller","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F03.tool-controller",{"title":444,"path":445,"stem":446},"Selection and block","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Fblock-selection-management","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F04.block-selection-management",{"title":448,"path":449,"stem":450},"Conversion","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Fconversion","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F05.conversion",{"title":452,"path":453,"stem":454},"Zooming and scrolling","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Fzooming-and-scrolling","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F06.zooming-and-scrolling",{"title":456,"path":457,"stem":458},"Styling","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Fstyling","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F07.styling",{"title":460,"path":461,"stem":462},"Custom inking","\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Fcustom-inking","docs\u002Fsdk\u002F4.5\u002F11.editor\u002F08.custom-inking",{"title":464,"path":465,"stem":466},"Result, import and export","\u002Fdocs\u002Fsdk\u002F4.5\u002Fimport-and-export","docs\u002Fsdk\u002F4.5\u002F12.import-and-export",{"title":202,"path":468,"stem":469},"\u002Fdocs\u002Fsdk\u002F4.5\u002Ftext-recognition-candidates","docs\u002Fsdk\u002F4.5\u002F13.text-recognition-candidates",{"title":471,"path":472,"stem":473},"Error management","\u002Fdocs\u002Fsdk\u002F4.5\u002Ferror-management","docs\u002Fsdk\u002F4.5\u002F14.error-management",{"title":206,"path":475,"stem":476},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fcustom-recognition","docs\u002Fsdk\u002F4.5\u002F15.custom-recognition",{"title":313,"path":478,"stem":479,"children":480,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fhandwriting-generation","docs\u002Fsdk\u002F4.5\u002F16.handwriting-generation",[481],{"title":313,"path":482,"stem":483},"\u002Fdocs\u002Fsdk\u002F4.5\u002Fhandwriting-generation\u002Fhandwriting-generation","docs\u002Fsdk\u002F4.5\u002F16.handwriting-generation\u002F01.handwriting-generation",{"title":139,"path":485,"stem":486,"children":487,"page":40},"\u002Fdocs\u002Fsdk\u002F4.5\u002Freference","docs\u002Fsdk\u002F4.5\u002F17.reference",[488,491,494],{"title":144,"path":489,"stem":490},"\u002Fdocs\u002Fsdk\u002F4.5\u002Freference\u002Fconfiguration","docs\u002Fsdk\u002F4.5\u002F17.reference\u002F01.configuration",{"title":239,"path":492,"stem":493},"\u002Fdocs\u002Fsdk\u002F4.5\u002Freference\u002Fjiix","docs\u002Fsdk\u002F4.5\u002F17.reference\u002F02.jiix",{"title":495,"path":496,"stem":497},"Styling reference","\u002Fdocs\u002Fsdk\u002F4.5\u002Freference\u002Fstyling","docs\u002Fsdk\u002F4.5\u002F17.reference\u002F03.styling",{"path":457,"page":499},{"id":500,"title":456,"body":501,"canonicalPath":457,"description":1501,"extension":1502,"icon":1503,"meta":1504,"navTitle":1505,"navigation":1506,"path":457,"resolveKey":1507,"resolveVersion":1508,"seo":1509,"stem":458,"__hash__":1510},"sdk45\u002Fdocs\u002Fsdk\u002F4.5\u002F11.editor\u002F07.styling.md",{"type":502,"value":503,"toc":1490},"minimark",[504,508,513,536,565,580,583,746,751,771,782,785,802,806,810,843,848,890,993,996,999,1003,1006,1015,1018,1021,1411,1418,1421,1426,1430,1436,1476,1480,1486],[505,506,507],"p",{},"MyScript iink SDK makes it easy to style content.\nIn this part of the guide, you will learn how to set a theme and how you can change the style of the pen at any time.",[509,510,512],"h2",{"id":511},"how-to-set-the-style-of-the-strokes","How to set the style of the strokes",[505,514,515,516,521,522,526,527,530,531,526,533,535],{},"You can set the style associated with a pointer tool that adds content to the ",[517,518,520],"a",{"href":519},"\u002Fdocs\u002Fsdk\u002F4.5\u002Finteractivity\u002Fstorage#structure-of-the-model","Content Part",", for example to choose the ",[523,524,525],"code",{},"PEN"," or ",[523,528,529],{},"HIGHLIGHTER"," color or their thicknesses.\nThis is useful when providing end users with a color palette or when letting them define the characteristics of the ",[523,532,525],{},[523,534,529],{}," tool.",[537,538,539,550,559],"partial",{},[540,541,543],"template",{"v-slot:csharp":542},"",[505,544,545,546,549],{},"It consists in directly setting the style of the tool by calling the ",[523,547,548],{},"SetToolStyle"," method of the tool controller.",[540,551,552],{"v-slot:swift":542},[505,553,554,555,558],{},"It consists in directly setting the style of the tool by calling ",[523,556,557],{},"set(style:forTool:)"," method on the tool controller.",[505,560,561,562,558],{},"This approach consists in directly setting the style of the tool by calling ",[523,563,564],{},"setToolStyle",[505,566,567,568,571,572,575,576,579],{},"It makes it easy to dynamically create styles (for instance if you let your users build their own color palettes) and will be saved within the content part.\nSupported properties are ",[523,569,570],{},"color",", ",[523,573,574],{},"-myscript-pen-brush"," and ",[523,577,578],{},"-myscript-pen-width",".",[505,581,582],{},"Example applied on the pen tool:",[537,584,585,630,673,714],{},[540,586,587],{"v-slot:java":542},[588,589,593],"pre",{"className":590,"code":591,"language":592,"meta":542,"style":542},"language-java shiki shiki-themes blue-hacker-light blue-hacker-light blue-hacker-dark","editor.getToolController().setToolStyle(PointerTool.PEN,\"color: #00FF00FF; -myscript-pen-width: 2.4\");\n","java",[523,594,595],{"__ignoreMap":542},[596,597,600,604,608,611,613,615,618,621,625,627],"span",{"class":598,"line":599},"line",1,[596,601,603],{"class":602},"sEQEB","editor",[596,605,607],{"class":606},"soFc9",".getToolController().setToolStyle(",[596,609,610],{"class":602},"PointerTool",[596,612,579],{"class":606},[596,614,525],{"class":602},[596,616,617],{"class":606},",",[596,619,620],{"class":606},"\"",[596,622,624],{"class":623},"sZBTK","color: #00FF00FF; -myscript-pen-width: 2.4",[596,626,620],{"class":606},[596,628,629],{"class":606},");\n",[540,631,632],{"v-slot:swift":542},[588,633,637],{"className":634,"code":635,"language":636,"meta":542,"style":542},"language-swift shiki shiki-themes blue-hacker-light blue-hacker-light blue-hacker-dark","editor?.toolController?.set(style: \"color: #00FF00FF; -myscript-pen-width: 2.4\", forTool: IINKPointerTool.pen)\n","swift",[523,638,639],{"__ignoreMap":542},[596,640,641,643,647,650,652,655,658,660,662,664,667,670],{"class":598,"line":599},[596,642,603],{"class":602},[596,644,646],{"class":645},"sglaT","?",[596,648,649],{"class":602},".toolController",[596,651,646],{"class":645},[596,653,654],{"class":602},".set",[596,656,657],{"class":606},"(style: ",[596,659,620],{"class":606},[596,661,624],{"class":623},[596,663,620],{"class":606},[596,665,666],{"class":606},", forTool: IINKPointerTool.",[596,668,669],{"class":602},"pen",[596,671,672],{"class":606},")\n",[540,674,675],{"v-slot:cpp":542},[588,676,680],{"className":677,"code":678,"language":679,"meta":542,"style":542},"language-cpp shiki shiki-themes blue-hacker-light blue-hacker-light blue-hacker-dark","\u002F\u002F Configure the pen\neditor->getToolController()->setToolStyle(PointerTool::PEN,\"color: #00FF00FF; -myscript-pen-width: 2.4\");\n","cpp",[523,681,682,688],{"__ignoreMap":542},[596,683,684],{"class":598,"line":599},[596,685,687],{"class":686},"sJjcI","\u002F\u002F Configure the pen\n",[596,689,691,693,696,699,702,704,706,708,710,712],{"class":598,"line":690},2,[596,692,603],{"class":602},[596,694,695],{"class":606},"->getToolController()->setToolStyle(",[596,697,610],{"class":698},"sVYTS",[596,700,701],{"class":606},"::",[596,703,525],{"class":602},[596,705,617],{"class":606},[596,707,620],{"class":606},[596,709,624],{"class":623},[596,711,620],{"class":606},[596,713,629],{"class":606},[540,715,716],{"v-slot:csharp":542},[588,717,721],{"className":718,"code":719,"language":720,"meta":542,"style":542},"language-csharp shiki shiki-themes blue-hacker-light blue-hacker-light blue-hacker-dark","editor.GetToolController().SetToolStyle(PointerTool.PEN,\"color: #00FF00FF; -myscript-pen-width: 2.4\");\n","csharp",[523,722,723],{"__ignoreMap":542},[596,724,725,727,730,732,734,736,738,740,742,744],{"class":598,"line":599},[596,726,603],{"class":602},[596,728,729],{"class":606},".GetToolController().SetToolStyle(",[596,731,610],{"class":602},[596,733,579],{"class":606},[596,735,525],{"class":602},[596,737,617],{"class":606},[596,739,620],{"class":606},[596,741,624],{"class":623},[596,743,620],{"class":606},[596,745,629],{"class":606},[747,748,750],"h3",{"id":749},"pressure-tilt-and-orientation-settings","Pressure, tilt and orientation settings",[505,752,753,754,571,757,575,760,763,764,579],{},"There are three additional options ",[523,755,756],{},"-myscript-pen-orientation-sensitivity",[523,758,759],{},"-myscript-pen-tilt-sensitivity",[523,761,762],{},"-myscript-pen-pressure-sensitivity"," to adjust the effect of orientation, tilt and pressure sensitivity on stroke rendering when such information is present in the input pointer events for the ",[517,765,767],{"href":766},"\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Fediting#incremental-input",[768,769,770],"strong",{},"Editor",[772,773,775],"callout",{"color":774},"secondary",[505,776,777,778,781],{},"To get the best effect according to your brush, you will need to ",[517,779,780],{"href":496},"adjust their values",", as the effect is disabled by default and an optimized effect for each brush may require a different set of values.",[505,783,784],{},"Example of style applied on a custom brush:",[588,786,790],{"className":787,"code":788,"language":789,"meta":542,"style":542},"language-json shiki shiki-themes blue-hacker-light blue-hacker-light blue-hacker-dark","\"-myscript-pen-brush: Extra-Pencil; -myscript-pen-pressure-sensitivity: 1.0; -myscript-pen-tilt-sensitivity: 1.0; -myscript-pen-orientation-sensitivity: 1.0;\"\n","json",[523,791,792],{"__ignoreMap":542},[596,793,794,796,799],{"class":598,"line":599},[596,795,620],{"class":606},[596,797,798],{"class":623},"-myscript-pen-brush: Extra-Pencil; -myscript-pen-pressure-sensitivity: 1.0; -myscript-pen-tilt-sensitivity: 1.0; -myscript-pen-orientation-sensitivity: 1.0;",[596,800,801],{"class":606},"\"\n",[509,803,805],{"id":804},"fonts-style-with-a-theme","Fonts style with a theme",[747,807,809],{"id":808},"main-principle","Main principle",[537,811,812,832],{},[540,813,814],{"v-slot:swift":542},[505,815,816,817,820,821,824,825,828,829,579],{},"A ",[768,818,819],{},"theme"," is a style sheet that influences the look & feel of the content rendered by a particular ",[523,822,823],{},"IINKEditor"," object.\nIt is not specific to any particular piece of content and it is therefore ",[768,826,827],{},"not stored"," in the ",[523,830,831],{},"IINKContentPart",[505,833,816,834,820,836,824,838,828,840,579],{},[768,835,819],{},[523,837,770],{},[768,839,827],{},[523,841,842],{},"ContentPart",[772,844,845],{"color":774},[505,846,847],{},"The same content will look different if it is opened by two editor instances configured with different themes.",[537,849,850,861,871,882],{},[540,851,852],{"v-slot:swift":542},[505,853,854,855,857,858,860],{},"The style sheet shall be passed as a string via the ",[523,856,819],{}," property of the ",[523,859,823],{}," object. For example, to set the default text fonts family for the\ncurrent editor, you can write:",[540,862,863],{"v-slot:csharp":542},[505,864,854,865,857,868,870],{},[523,866,867],{},"Theme",[523,869,770],{}," object. For example, to set the default text fonts family for the current\neditor, you can write:",[540,872,873],{"v-slot:java":542},[505,874,875,876,879,880,870],{},"The style sheet shall be passed as a string to the ",[523,877,878],{},"setTheme()"," method of the ",[523,881,770],{},[540,883,884],{"v-slot:cpp":542},[505,885,875,886,879,888,870],{},[523,887,878],{},[523,889,770],{},[537,891,892,915,942,964],{},[540,893,894],{"v-slot:java":542},[588,895,897],{"className":590,"code":896,"language":592,"meta":542,"style":542},"editor.setTheme(\".text { font-family: monospace; } \");\n",[523,898,899],{"__ignoreMap":542},[596,900,901,903,906,908,911,913],{"class":598,"line":599},[596,902,603],{"class":602},[596,904,905],{"class":606},".setTheme(",[596,907,620],{"class":606},[596,909,910],{"class":623},".text { font-family: monospace; } ",[596,912,620],{"class":606},[596,914,629],{"class":606},[540,916,917],{"v-slot:swift":542},[588,918,920],{"className":634,"code":919,"language":636,"meta":542,"style":542},"editor?.set(theme: \".text { font-family: Courier New; } \")\n",[523,921,922],{"__ignoreMap":542},[596,923,924,926,928,930,933,935,938,940],{"class":598,"line":599},[596,925,603],{"class":602},[596,927,646],{"class":645},[596,929,654],{"class":602},[596,931,932],{"class":606},"(theme: ",[596,934,620],{"class":606},[596,936,937],{"class":623},".text { font-family: Courier New; } ",[596,939,620],{"class":606},[596,941,672],{"class":606},[540,943,944],{"v-slot:cpp":542},[588,945,947],{"className":677,"code":946,"language":679,"meta":542,"style":542},"editor->setTheme(\".text { font-family: Courier New; } \");\n",[523,948,949],{"__ignoreMap":542},[596,950,951,953,956,958,960,962],{"class":598,"line":599},[596,952,603],{"class":602},[596,954,955],{"class":606},"->setTheme(",[596,957,620],{"class":606},[596,959,937],{"class":623},[596,961,620],{"class":606},[596,963,629],{"class":606},[540,965,966],{"v-slot:csharp":542},[588,967,969],{"className":718,"code":968,"language":720,"meta":542,"style":542},"editor.Theme = \".text { font-family: Courier New; } \";\n",[523,970,971],{"__ignoreMap":542},[596,972,973,975,977,980,983,986,988,990],{"class":598,"line":599},[596,974,603],{"class":602},[596,976,579],{"class":606},[596,978,979],{"class":602},"Theme ",[596,981,982],{"class":645},"=",[596,984,985],{"class":606}," \"",[596,987,937],{"class":623},[596,989,620],{"class":606},[596,991,992],{"class":606},";\n",[505,994,995],{},"MyScript iink SDK dynamically computes the default styling parameters such as line height and font size, based on the device resolution.\nYou can override this default styling, by setting a theme: values defined by your provided style sheet will have a higher priority.",[505,997,998],{},"Theme changes are not managed by iink SDK undo\u002Fredo stack. To let your users undo or redo theme changes, you have to manage it on the integration side.\nFor a possible implementation path, read how you can combine the iink SDK undo\u002Fredo stack with that of your application (advanced).",[747,1000,1002],{"id":1001},"illustration-by-an-example","Illustration by an example",[505,1004,1005],{},"Let's imagine that you have developed an application based on Math content:",[505,1007,1008],{},[1009,1010],"img",{"alt":542,"height":1011,"invert":1012,"src":1013,"width":1014},524,"true","\u002Fdocs\u002Fimages\u002Fstyle-before.png",1426,[505,1016,1017],{},"You may want converted content to appear blue, while keeping the default black color for handwritten ink.\nYou may also choose a nice green color for the results of the math solver, and set the font to bold (weight of 700) and italic.",[505,1019,1020],{},"The code would look like this:",[537,1022,1023,1130,1225,1316],{},[540,1024,1025],{"v-slot:java":542},[588,1026,1028],{"className":590,"code":1027,"language":592,"meta":542,"style":542},"editor.setTheme(\".math {\" +\n                \" font-family: STIX Two Math;\" +\n                \" color: #3A308CFF; }\" +\n                \".math-solved {\" +\n                \"  color: #1E9035FF;\" +\n                \"  font-weight: 700;\" +\n                \"  font-style: italic;\" +\n                \"}\");\n",[523,1029,1030,1046,1058,1070,1082,1094,1106,1118],{"__ignoreMap":542},[596,1031,1032,1034,1036,1038,1041,1043],{"class":598,"line":599},[596,1033,603],{"class":602},[596,1035,905],{"class":606},[596,1037,620],{"class":606},[596,1039,1040],{"class":623},".math {",[596,1042,620],{"class":606},[596,1044,1045],{"class":645}," +\n",[596,1047,1048,1051,1054,1056],{"class":598,"line":690},[596,1049,1050],{"class":606},"                \"",[596,1052,1053],{"class":623}," font-family: STIX Two Math;",[596,1055,620],{"class":606},[596,1057,1045],{"class":645},[596,1059,1061,1063,1066,1068],{"class":598,"line":1060},3,[596,1062,1050],{"class":606},[596,1064,1065],{"class":623}," color: #3A308CFF; }",[596,1067,620],{"class":606},[596,1069,1045],{"class":645},[596,1071,1073,1075,1078,1080],{"class":598,"line":1072},4,[596,1074,1050],{"class":606},[596,1076,1077],{"class":623},".math-solved {",[596,1079,620],{"class":606},[596,1081,1045],{"class":645},[596,1083,1085,1087,1090,1092],{"class":598,"line":1084},5,[596,1086,1050],{"class":606},[596,1088,1089],{"class":623},"  color: #1E9035FF;",[596,1091,620],{"class":606},[596,1093,1045],{"class":645},[596,1095,1097,1099,1102,1104],{"class":598,"line":1096},6,[596,1098,1050],{"class":606},[596,1100,1101],{"class":623},"  font-weight: 700;",[596,1103,620],{"class":606},[596,1105,1045],{"class":645},[596,1107,1109,1111,1114,1116],{"class":598,"line":1108},7,[596,1110,1050],{"class":606},[596,1112,1113],{"class":623},"  font-style: italic;",[596,1115,620],{"class":606},[596,1117,1045],{"class":645},[596,1119,1121,1123,1126,1128],{"class":598,"line":1120},8,[596,1122,1050],{"class":606},[596,1124,1125],{"class":623},"}",[596,1127,620],{"class":606},[596,1129,629],{"class":606},[540,1131,1132],{"v-slot:swift":542},[588,1133,1135],{"className":634,"code":1134,"language":636,"meta":542,"style":542},"editor?.set(theme: \".math {\" +\n                \" font-family: STIX Two Math;\" +\n                \" color: #3A308CFF; }\" +\n                \".math-solved {\" +\n                \"  color: #1E9035FF;\" +\n                \"  font-weight: 700;\" +\n                \"  font-style: italic;\" +\n                \"}\")\n",[523,1136,1137,1155,1165,1175,1185,1195,1205,1215],{"__ignoreMap":542},[596,1138,1139,1141,1143,1145,1147,1149,1151,1153],{"class":598,"line":599},[596,1140,603],{"class":602},[596,1142,646],{"class":645},[596,1144,654],{"class":602},[596,1146,932],{"class":606},[596,1148,620],{"class":606},[596,1150,1040],{"class":623},[596,1152,620],{"class":606},[596,1154,1045],{"class":645},[596,1156,1157,1159,1161,1163],{"class":598,"line":690},[596,1158,1050],{"class":606},[596,1160,1053],{"class":623},[596,1162,620],{"class":606},[596,1164,1045],{"class":645},[596,1166,1167,1169,1171,1173],{"class":598,"line":1060},[596,1168,1050],{"class":606},[596,1170,1065],{"class":623},[596,1172,620],{"class":606},[596,1174,1045],{"class":645},[596,1176,1177,1179,1181,1183],{"class":598,"line":1072},[596,1178,1050],{"class":606},[596,1180,1077],{"class":623},[596,1182,620],{"class":606},[596,1184,1045],{"class":645},[596,1186,1187,1189,1191,1193],{"class":598,"line":1084},[596,1188,1050],{"class":606},[596,1190,1089],{"class":623},[596,1192,620],{"class":606},[596,1194,1045],{"class":645},[596,1196,1197,1199,1201,1203],{"class":598,"line":1096},[596,1198,1050],{"class":606},[596,1200,1101],{"class":623},[596,1202,620],{"class":606},[596,1204,1045],{"class":645},[596,1206,1207,1209,1211,1213],{"class":598,"line":1108},[596,1208,1050],{"class":606},[596,1210,1113],{"class":623},[596,1212,620],{"class":606},[596,1214,1045],{"class":645},[596,1216,1217,1219,1221,1223],{"class":598,"line":1120},[596,1218,1050],{"class":606},[596,1220,1125],{"class":623},[596,1222,620],{"class":606},[596,1224,672],{"class":606},[540,1226,1227],{"v-slot:cpp":542},[588,1228,1230],{"className":677,"code":1229,"language":679,"meta":542,"style":542},"editor->setTheme(\".math {\" +\n                \" font-family: STIX Two Math;\" +\n                \" color: #3A308CFF; }\" +\n                \".math-solved {\" +\n                \"  color: #1E9035FF;\" +\n                \"  font-weight: 700;\" +\n                \"  font-style: italic;\" +\n                \"}\");\n",[523,1231,1232,1246,1256,1266,1276,1286,1296,1306],{"__ignoreMap":542},[596,1233,1234,1236,1238,1240,1242,1244],{"class":598,"line":599},[596,1235,603],{"class":602},[596,1237,955],{"class":606},[596,1239,620],{"class":606},[596,1241,1040],{"class":623},[596,1243,620],{"class":606},[596,1245,1045],{"class":645},[596,1247,1248,1250,1252,1254],{"class":598,"line":690},[596,1249,1050],{"class":606},[596,1251,1053],{"class":623},[596,1253,620],{"class":606},[596,1255,1045],{"class":645},[596,1257,1258,1260,1262,1264],{"class":598,"line":1060},[596,1259,1050],{"class":606},[596,1261,1065],{"class":623},[596,1263,620],{"class":606},[596,1265,1045],{"class":645},[596,1267,1268,1270,1272,1274],{"class":598,"line":1072},[596,1269,1050],{"class":606},[596,1271,1077],{"class":623},[596,1273,620],{"class":606},[596,1275,1045],{"class":645},[596,1277,1278,1280,1282,1284],{"class":598,"line":1084},[596,1279,1050],{"class":606},[596,1281,1089],{"class":623},[596,1283,620],{"class":606},[596,1285,1045],{"class":645},[596,1287,1288,1290,1292,1294],{"class":598,"line":1096},[596,1289,1050],{"class":606},[596,1291,1101],{"class":623},[596,1293,620],{"class":606},[596,1295,1045],{"class":645},[596,1297,1298,1300,1302,1304],{"class":598,"line":1108},[596,1299,1050],{"class":606},[596,1301,1113],{"class":623},[596,1303,620],{"class":606},[596,1305,1045],{"class":645},[596,1307,1308,1310,1312,1314],{"class":598,"line":1120},[596,1309,1050],{"class":606},[596,1311,1125],{"class":623},[596,1313,620],{"class":606},[596,1315,629],{"class":606},[540,1317,1318],{"v-slot:csharp":542},[588,1319,1321],{"className":718,"code":1320,"language":720,"meta":542,"style":542},"editor.Theme = \".math {\" +\n                \" font-family: STIX Two Math;\" +\n                \" color: #3A308CFF; }\" +\n                \".math-solved {\" +\n                \"  color: #1E9035FF;\" +\n                \"  font-weight: 700;\" +\n                \"  font-style: italic;\" +\n                \"}\";\n",[523,1322,1323,1341,1351,1361,1371,1381,1391,1401],{"__ignoreMap":542},[596,1324,1325,1327,1329,1331,1333,1335,1337,1339],{"class":598,"line":599},[596,1326,603],{"class":602},[596,1328,579],{"class":606},[596,1330,979],{"class":602},[596,1332,982],{"class":645},[596,1334,985],{"class":606},[596,1336,1040],{"class":623},[596,1338,620],{"class":606},[596,1340,1045],{"class":645},[596,1342,1343,1345,1347,1349],{"class":598,"line":690},[596,1344,1050],{"class":606},[596,1346,1053],{"class":623},[596,1348,620],{"class":606},[596,1350,1045],{"class":645},[596,1352,1353,1355,1357,1359],{"class":598,"line":1060},[596,1354,1050],{"class":606},[596,1356,1065],{"class":623},[596,1358,620],{"class":606},[596,1360,1045],{"class":645},[596,1362,1363,1365,1367,1369],{"class":598,"line":1072},[596,1364,1050],{"class":606},[596,1366,1077],{"class":623},[596,1368,620],{"class":606},[596,1370,1045],{"class":645},[596,1372,1373,1375,1377,1379],{"class":598,"line":1084},[596,1374,1050],{"class":606},[596,1376,1089],{"class":623},[596,1378,620],{"class":606},[596,1380,1045],{"class":645},[596,1382,1383,1385,1387,1389],{"class":598,"line":1096},[596,1384,1050],{"class":606},[596,1386,1101],{"class":623},[596,1388,620],{"class":606},[596,1390,1045],{"class":645},[596,1392,1393,1395,1397,1399],{"class":598,"line":1108},[596,1394,1050],{"class":606},[596,1396,1113],{"class":623},[596,1398,620],{"class":606},[596,1400,1045],{"class":645},[596,1402,1403,1405,1407,1409],{"class":598,"line":1120},[596,1404,1050],{"class":606},[596,1406,1125],{"class":623},[596,1408,620],{"class":606},[596,1410,992],{"class":606},[505,1412,1413],{},[1009,1414],{"alt":542,"height":1415,"invert":1012,"src":1416,"width":1417},446,"\u002Fdocs\u002Fimages\u002Fstyle-after.png",1454,[505,1419,1420],{},"In this example, the values defined in the new style sheet overwrote the values of the default built-in style sheet.",[772,1422,1423],{"color":774},[505,1424,1425],{},"Note that there is an order of precedence between the different ways to adjust the style: the tool controller properties always override the theme, which overrides the default stylesheet.",[747,1427,1429],{"id":1428},"how-to-apply-style-a-posteriori","How to apply style a posteriori",[505,1431,1432,1433,1435],{},"Depending on the ",[517,1434,520],{"href":519}," type, it is possible to apply style on some content after it has been written or typeset:",[537,1437,1438,1463],{},[540,1439,1440],{"v-slot:csharp":542},[1441,1442,1443,1456],"ol",{},[1444,1445,1446,1447,1451,1452,579],"li",{},"Select the content either with ",[517,1448,1450],{"href":1449},"\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Ftool-controller#pointer-tool","the lasso selector"," or as ",[517,1453,1455],{"href":1454},"\u002Fdocs\u002Fsdk\u002F4.5\u002Feditor\u002Fblock-selection-management#selection-and-block-objects","an entire block",[1444,1457,1458,1459,1462],{},"Call the editor ",[523,1460,1461],{},"ApplyStyle"," method with the corresponding selection\u002Fblock and the CSS style properties to apply.",[1441,1464,1465,1471],{},[1444,1466,1446,1467,1451,1469,579],{},[517,1468,1450],{"href":1449},[517,1470,1455],{"href":1454},[1444,1472,1458,1473,1462],{},[523,1474,1475],{},"applyStyle",[509,1477,1479],{"id":1478},"iink-sdk-css-built-in-classes-and-properties","iink SDK CSS built-in classes and properties",[505,1481,1482,1483,579],{},"The full reference of supported classes and properties can be found ",[517,1484,1485],{"href":496},"in the styling reference",[1487,1488,1489],"style",{},"html pre.shiki code .sEQEB, html code.shiki .sEQEB{--shiki-light:#051F41;--shiki-default:#051F41;--shiki-dark:#D1E9FA}html pre.shiki code .soFc9, html code.shiki .soFc9{--shiki-light:#1A9FFF;--shiki-default:#1A9FFF;--shiki-dark:#1A9FFF}html pre.shiki code .sZBTK, html code.shiki .sZBTK{--shiki-light:#002DB3;--shiki-default:#002DB3;--shiki-dark:#80EAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sglaT, html code.shiki .sglaT{--shiki-light:#7751EC;--shiki-default:#7751EC;--shiki-dark:#AC92FC}html pre.shiki code .sJjcI, html code.shiki .sJjcI{--shiki-light:#467191;--shiki-light-font-style:italic;--shiki-default:#467191;--shiki-default-font-style:italic;--shiki-dark:#6493B4;--shiki-dark-font-style:italic}html pre.shiki code .sVYTS, html code.shiki .sVYTS{--shiki-light:#0081F0;--shiki-default:#0081F0;--shiki-dark:#1A9FFF}",{"title":542,"searchDepth":1060,"depth":1060,"links":1491},[1492,1495,1500],{"id":511,"depth":690,"text":512,"children":1493},[1494],{"id":749,"depth":1060,"text":750},{"id":804,"depth":690,"text":805,"children":1496},[1497,1498,1499],{"id":808,"depth":1060,"text":809},{"id":1001,"depth":1060,"text":1002},{"id":1428,"depth":1060,"text":1429},{"id":1478,"depth":690,"text":1479},"Guide to discover iink SDK","md","i-tabler-palette",{},null,true,"ye3kjv","4.0",{"title":456,"description":1501},"KngajOJxWss2wSBUlHaFjUicCdkG5Q--YU_i2quWZgQ",[1512],{"title":5,"path":6,"stem":7,"children":1513,"page":40},[1514],{"title":321,"path":322,"stem":323,"children":1515,"page":40},[1516],{"title":15,"navTitle":1505,"icon":1505,"path":326,"stem":327,"children":1517,"page":40},[1518,1521,1523,1525,1532,1544,1553,1558,1561,1570,1574,1591,1592,1594,1596,1598,1602],{"title":330,"path":331,"stem":332,"navTitle":1519,"icon":1520},"About","i-tabler-info-circle",{"title":33,"path":334,"stem":335,"navTitle":33,"icon":1522},"i-tabler-bell-ringing",{"title":37,"path":337,"stem":338,"navTitle":37,"icon":1524},"i-tabler-gps",{"title":42,"navTitle":1505,"icon":1505,"path":340,"stem":341,"children":1526,"page":40},[1527,1530],{"title":47,"path":344,"stem":345,"navTitle":1528,"icon":1529},"Platforms","i-tabler-device-laptop",{"title":51,"path":347,"stem":348,"navTitle":51,"icon":1531},"i-tabler-stack-2",{"title":55,"navTitle":1505,"icon":1505,"path":350,"stem":351,"children":1533,"page":40},[1534,1536,1538,1540,1542],{"title":60,"path":354,"stem":355,"navTitle":1505,"icon":1535},"i-tabler-text-scan-2",{"title":64,"path":357,"stem":358,"navTitle":64,"icon":1537},"i-tabler-language",{"title":68,"path":360,"stem":361,"navTitle":68,"icon":1539},"i-tabler-math",{"title":72,"path":363,"stem":364,"navTitle":72,"icon":1541},"i-tabler-circle-square",{"title":76,"path":366,"stem":367,"navTitle":1505,"icon":1543},"i-tabler-hand-finger",{"title":80,"navTitle":1505,"icon":1505,"path":369,"stem":370,"children":1545,"page":40},[1546,1548,1550],{"title":85,"path":373,"stem":374,"navTitle":85,"icon":1547},"i-tabler-eye",{"title":89,"path":376,"stem":377,"navTitle":89,"icon":1549},"i-tabler-bolt",{"title":93,"path":379,"stem":380,"navTitle":1551,"icon":1552},"Import and export","i-tabler-arrows-left-right",{"title":106,"navTitle":1505,"icon":1505,"path":382,"stem":383,"children":1554,"page":40},[1555,1557],{"title":386,"path":387,"stem":388,"navTitle":1505,"icon":1556},"i-tabler-direction-sign",{"title":390,"path":391,"stem":392,"navTitle":1505,"icon":1556},{"title":394,"navTitle":1505,"icon":1505,"path":395,"stem":396,"children":1559,"page":40},[1560],{"title":60,"path":399,"stem":400,"navTitle":1505,"icon":1535},{"title":402,"navTitle":1505,"icon":1505,"path":403,"stem":404,"children":1562,"page":40},[1563,1565,1567],{"title":407,"path":408,"stem":409,"navTitle":1505,"icon":1564},"i-tabler-file-database",{"title":97,"path":411,"stem":412,"navTitle":97,"icon":1566},"i-tabler-calculator",{"title":414,"path":415,"stem":416,"navTitle":1568,"icon":1569},"Combined undo\u002Fredo stacks","i-tabler-arrow-back-up",{"title":418,"navTitle":1505,"icon":1505,"path":419,"stem":420,"children":1571,"page":40},[1572],{"title":423,"path":424,"stem":425,"navTitle":1505,"icon":1573},"i-tabler-stack-backward",{"title":427,"navTitle":1505,"icon":1505,"path":428,"stem":429,"children":1575,"page":40},[1576,1578,1580,1582,1584,1586,1588,1589],{"title":432,"path":433,"stem":434,"navTitle":1505,"icon":1577},"i-tabler-app-window",{"title":436,"path":437,"stem":438,"navTitle":1505,"icon":1579},"i-tabler-edit",{"title":440,"path":441,"stem":442,"navTitle":1505,"icon":1581},"i-tabler-adjustments",{"title":444,"path":445,"stem":446,"navTitle":1505,"icon":1583},"i-tabler-pointer",{"title":448,"path":449,"stem":450,"navTitle":1505,"icon":1585},"i-tabler-sparkles",{"title":452,"path":453,"stem":454,"navTitle":1505,"icon":1587},"i-tabler-zoom-pan",{"title":456,"path":457,"stem":458,"navTitle":1505,"icon":1503},{"title":460,"path":461,"stem":462,"navTitle":1505,"icon":1590},"i-tabler-brush",{"title":464,"path":465,"stem":466,"navTitle":1505,"icon":1552},{"title":202,"path":468,"stem":469,"navTitle":1505,"icon":1593},"i-tabler-tags",{"title":471,"path":472,"stem":473,"navTitle":1505,"icon":1595},"i-tabler-bug",{"title":206,"path":475,"stem":476,"navTitle":1505,"icon":1597},"i-tabler-file-code",{"title":313,"navTitle":1505,"icon":1505,"path":478,"stem":479,"children":1599,"page":40},[1600],{"title":313,"path":482,"stem":483,"navTitle":313,"icon":1601},"i-tabler-pencil",{"title":139,"navTitle":1505,"icon":1505,"path":485,"stem":486,"children":1603,"page":40},[1604,1606,1609],{"title":144,"path":489,"stem":490,"navTitle":1505,"icon":1605},"i-tabler-settings",{"title":239,"path":492,"stem":493,"navTitle":1607,"icon":1608},"JIIX","i-tabler-braces",{"title":495,"path":496,"stem":497,"navTitle":456,"icon":1503},{"id":1611,"title":1612,"body":1613,"canonicalPath":1505,"description":1673,"extension":1502,"icon":1524,"meta":1674,"navTitle":20,"navigation":1506,"path":1675,"resolveKey":1505,"resolveVersion":1505,"seo":1676,"stem":1677,"__hash__":1678},"support\u002Fsupport\u002F01.index.md","Support",{"type":502,"value":1614,"toc":1671},[1615,1618],[505,1616,1617],{},"Find answers to common questions about integrating the iink SDK and MyScript Cloud APIs. Browse the topics below or reach out on the community forum.",[1619,1620,1621,1630,1638,1646,1654,1663],"card-group",{},[1622,1623,1627],"card",{"icon":1624,"title":1625,"to":1626},"i-tabler-package","Recognition assets","\u002Fsupport\u002Frecognition-assets\u002F",[505,1628,1629],{},"Download base assets and build custom resources to fine-tune the recognition.",[1622,1631,1635],{"icon":1632,"title":1633,"to":1634},"i-tabler-key","On-device license management","\u002Fsupport\u002Fon-device\u002Fon-device-license-management\u002F",[505,1636,1637],{},"Manage licenses for applications embedding the on-device iink SDK.",[1622,1639,1643],{"icon":1640,"title":1641,"to":1642},"i-tabler-user-circle","Registering with MyScript Cloud","\u002Fsupport\u002Fcloud\u002Fregistering-myscript-cloud\u002F",[505,1644,1645],{},"Create a Cloud account and obtain the keys to call our recognition APIs.",[1622,1647,1651],{"icon":1648,"title":1649,"to":1650},"i-tabler-rocket","Being production ready","\u002Fsupport\u002Fcloud\u002Fbeing-production-ready\u002F",[505,1652,1653],{},"Best practices and quotas to ship your iink Cloud integration to production.",[1622,1655,1660],{"icon":1656,"title":1657,"to":1658,"target":1659},"i-tabler-message-circle","Forums","https:\u002F\u002Fdeveloper-support.myscript.com\u002Fsupport\u002Flogin","_blank",[505,1661,1662],{},"Ask questions and get answers from the MyScript developer community.",[1622,1664,1668],{"icon":1665,"title":1666,"to":1667,"target":1659},"i-tabler-mail","Contact us","https:\u002F\u002Fwww.myscript.com\u002Fcontact\u002F",[505,1669,1670],{},"Can't find what you're looking for? Reach out to our team.",{"title":542,"searchDepth":1060,"depth":1060,"links":1672},[],"MyScript Developer Support hub",{},"\u002Fsupport",{"title":1612,"description":1673},"support\u002F01.index","jENFmcn55y_8r3_6pH5xxlH1dZJBwoAuq9F7gXQtow8",1792566758565]