{"id":120298,"date":"2021-10-26T09:03:00","date_gmt":"2021-10-26T06:03:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=120298"},"modified":"2025-03-15T00:49:02","modified_gmt":"2025-03-14T21:49:02","slug":"hur-man-utvecklar-tillagg-for-office-2016-office-online-och-office-mobile","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/sv\/hur-man-utvecklar-tillagg-for-office-2016-office-online-och-office-mobile\/","title":{"rendered":"Hur man utvecklar till\u00e4gg f\u00f6r Office 2016, Office Online och Office Mobile"},"content":{"rendered":"<p><a href=\"https:\/\/dev.office.com\/docs\/add-ins\/overview\/office-add-ins\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Med Office 2016-till\u00e4gg<\/a> kan du ut\u00f6ka kapacitet, funktionalitet och funktioner f\u00f6r Office-klienter som <a href=\"https:\/\/www.onmsft.com\/tags\/word\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Word<\/a>, <a href=\"https:\/\/www.onmsft.com\/tags\/excel\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Excel<\/a>, <a href=\"https:\/\/www.onmsft.com\/tags\/powerpoint\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PowerPoint<\/a> och <a href=\"https:\/\/www.onmsft.com\/tags\/outlook\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Outlook<\/a> med hj\u00e4lp av webbteknologier som HTML, CSS och JavaScript. Office-till\u00e4gg kan anv\u00e4ndas f\u00f6r att g\u00f6ra f\u00f6ljande:<\/p>\n<blockquote>\n<ul>\n<li>L\u00e4gg till ny funktionalitet i Office-klienter &#8211; till exempel f\u00f6rst\u00e4rka Word, Excel, PowerPoint och Outlook genom att interagera med Office-dokument och postobjekt, ta med extern data till Office, bearbeta Office-dokument, exponera tredjepartsfunktionalitet i Office-klienter och mycket mer .<\/li>\n<li>Skapa nya rika, interaktiva objekt som kan b\u00e4ddas in i Office-dokument &#8211; Till exempel kartor, diagram och interaktiva visualiseringar som anv\u00e4ndare kan l\u00e4gga till i sina egna Excel-kalkylark och PowerPoint-presentationer.<\/li>\n<\/ul>\n<\/blockquote>\n<p>Office-till\u00e4gg kan k\u00f6ras \u00f6ver en m\u00e4ngd olika plattformar, inklusive Office f\u00f6r Windows 10, Office Online, Office 2016 f\u00f6r Windows, Office 2016 f\u00f6r Mac och Office f\u00f6r iPad. Office-till\u00e4gg \u00e4r \u00e4nnu inte tillg\u00e4ngliga f\u00f6r Windows 10 Mobile eller Android, men Office-teamet arbetar med det (se <a href=\"https:\/\/dev.office.com\/add-in-availability\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Office-till\u00e4ggsv\u00e4rd och plattforms tillg\u00e4nglighet<\/a> f\u00f6r mer information). F\u00f6r att kunna k\u00f6ra Office-till\u00e4gg kr\u00e4vs vissa systemkrav f\u00f6r din enhet och <a href=\"https:\/\/dev.office.com\/docs\/add-ins\/overview\/requirements-for-running-office-add-ins\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">du kan hitta dessa krav h\u00e4r<\/a>.<\/p>\n<p>Office-till\u00e4gg kan hj\u00e4lpa dig att g\u00f6ra n\u00e4stan vad en webbplats kan g\u00f6ra i en webbl\u00e4sare. Office-till\u00e4ggsfunktioner inkluderar:<\/p>\n<blockquote>\n<ul>\n<li>Ut\u00f6ka Office-anv\u00e4ndargr\u00e4nssnittet genom att skapa anpassade bandknappar och flikar.<\/li>\n<li>Ge ett interaktivt gr\u00e4nssnitt och anpassad logik genom HTML och JavaScript.<\/li>\n<li>Anv\u00e4nd JavaScript-ramar som jQuery, Angular och m\u00e5nga andra.<\/li>\n<li>Anslut till REST-slutpunkter och webbtj\u00e4nster via HTTP och AJAX.<\/li>\n<li>K\u00f6r serversida eller logik om sidan implementeras med ett skriptspr\u00e5k p\u00e5 serversidan som ASP eller PHP.<\/li>\n<\/ul>\n<\/blockquote>\n<p>Office-till\u00e4ggsinfrastrukturen m\u00f6jligg\u00f6r interaktion med Office-applikationen och anv\u00e4ndarinneh\u00e5ll via ett <a href=\"https:\/\/dev.office.com\/reference\/add-ins\/javascript-api-for-office\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">JavaScript-API<\/a>.<\/p>\n<p>F\u00f6r n\u00e4rvarande finns det n\u00e5gra typer av Office-till\u00e4gg f\u00f6r n\u00e4rvarande tillg\u00e4ngliga:<\/p>\n<blockquote>\n<ol>\n<li>Word-, Excel- och PowerPoint-till\u00e4gg som ut\u00f6kar funktionaliteten<\/li>\n<li>Excel- och PowerPoint-till\u00e4gg som skapar nya objekt<\/li>\n<li>Outlook-till\u00e4gg som ut\u00f6kar funktionaliteten<\/li>\n<\/ol>\n<\/blockquote>\n<h2><strong>Word-, Excel- och PowerPoint-till\u00e4gg som ut\u00f6kar funktionaliteten<\/strong><\/h2>\n<p>Att l\u00e4gga till ny funktionalitet i Word, Excel eller PowerPoint \u00e4r relativt enkelt. Allt du beh\u00f6ver g\u00f6ra \u00e4r att registrera ditt till\u00e4gg med hj\u00e4lp av till\u00e4ggsmanifestet i aktivitetsf\u00f6nstret. Detta till\u00e4ggsmanifest m\u00f6jligg\u00f6r tv\u00e5 integrationsl\u00e4gen; till\u00e4ggskommandon och ins\u00e4ttningsbara rutor.<\/p>\n<h4>Till\u00e4ggskommandon<\/h4>\n<p>Du kan anv\u00e4nda till\u00e4ggskommandon f\u00f6r att ut\u00f6ka gr\u00e4nssnittet f\u00f6r Office f\u00f6r Windows 10 och Office Online. Med till\u00e4ggskommandon har du m\u00f6jlighet att l\u00e4gga till knappar f\u00f6r dina till\u00e4gg p\u00e5 menyfliksomr\u00e5det eller inom valda sammanhangsmenyer, vilket ger dig enkel \u00e5tkomst till dina till\u00e4gg inom Office. Till\u00e4ggskommandoknappar kan anv\u00e4ndas f\u00f6r att starta olika \u00e5tg\u00e4rder, till exempel att visa en uppgiftsruta med en anpassad HTML eller utf\u00f6ra en viss Javascript-funktion.<\/p>\n<p>Du kan ocks\u00e5 definiera dina kommandon i ditt till\u00e4ggskommandomanifest genom att anv\u00e4nda VersionOverrides. F\u00f6r att komma ig\u00e5ng, ta en titt p\u00e5 dessa <a href=\"https:\/\/github.com\/OfficeDev\/Office-Add-in-Commands-Samples\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">exempel p\u00e5 GitHub<\/a>, eller s\u00e5 kan du ocks\u00e5 kolla in <a href=\"https:\/\/dev.office.com\/docs\/add-ins\/design\/add-in-commands.htm\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">till\u00e4ggskommandona f\u00f6r Excel, Word och PowerPoint<\/a>.<\/p>\n<p>Till\u00e4ggskommandon i Excel<\/p>\n<p>Till\u00e4ggskommandon i Excel Online<\/p>\n<p>Dessutom finns det en kanal 9-video som g\u00e5r djupare p\u00e5 till\u00e4ggskommandon, kallad &#8221; <a href=\"https:\/\/channel9.msdn.com\/events\/Build\/2016\/P551\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Till\u00e4ggskommandon i Office Ribbon<\/a> .&#8221;<\/p>\n<h4>Infogbara uppgiftsrutor<\/h4>\n<p>Om du har en klient som \u00e4nnu inte st\u00f6der till\u00e4ggskommandon (Office 2013, Office f\u00f6r Mac och Office f\u00f6r iPad) m\u00e5ste du k\u00f6ra dina till\u00e4ggskommandon som en ins\u00e4ttningsbar rutan med hj\u00e4lp av StandardURL i manifestera. D\u00e4rifr\u00e5n kan du starta ditt till\u00e4gg fr\u00e5n menyn &#8221;Mina till\u00e4gg&#8221; p\u00e5 fliken Infoga.<\/p>\n<h2>Excel- och PowerPoint-till\u00e4gg som skapar nya objekt<\/h2>\n<p>Du kan ocks\u00e5 infoga till\u00e4gg till Excel eller PowerPoint f\u00f6r att skapa nya webbaserade objekt eller inneh\u00e5ll som kan b\u00e4ddas in i dokument eller presentationer. Till\u00e4ggskommandon f\u00f6r inneh\u00e5ll m\u00f6jligg\u00f6r inb\u00e4ddade media, till exempel ett bildgalleri eller YouTube-video, samt webbaserade datavisualiseringar och annat externt inneh\u00e5ll.<\/p>\n<p>Exempel p\u00e5 inneh\u00e5llstill\u00e4gg i Excel 2013<\/p>\n<p>F\u00f6r att testa detta inneh\u00e5llstill\u00e4gg med Excel 2013 eller Excel Online <a href=\"https:\/\/store.office.com\/bing-maps-WA102957661.aspx?assetid=WA102957661\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">installerar du till\u00e4gget Bing Maps<\/a>.<\/p>\n<h2>Outlook-till\u00e4gg som ut\u00f6kar funktionaliteten<\/h2>\n<p>Outlook-till\u00e4gg utg\u00f6r en m\u00f6jlighet att ut\u00f6ka Office Ribbon och tillhandah\u00e5lla ytterligare visningsinneh\u00e5ll bredvid ett Outlook-objekt n\u00e4r du skapar eller visar ett e-postmeddelande. Till\u00e4gg kan fungera med ett e-postmeddelande, m\u00f6tesf\u00f6rfr\u00e5gan, svar eller avbokning samt m\u00f6ten.<\/p>\n<p>Outlook-till\u00e4gg med kommandoknappar p\u00e5 menyfliksomr\u00e5det<\/p>\n<p>Outlook-till\u00e4gg kan anv\u00e4nda den kontextuella informationen fr\u00e5n ett objekt, till exempel en adress eller ett sp\u00e5rnings-ID f\u00f6r paket, och sedan anv\u00e4nda den informationen f\u00f6r att komma \u00e5t ytterligare information fr\u00e5n webbtj\u00e4nster f\u00f6r att skapa fullst\u00e4ndiga anv\u00e4ndarinteraktioner. F\u00f6r det mesta kan Outlook-till\u00e4gg k\u00f6ras utan problem med Outlook, Outlook f\u00f6r Mac, Outlook Web App och OWA f\u00f6r enheter f\u00f6r att ge en enhetlig upplevelse p\u00e5 skrivbordet, online, surfplattor eller mobila enheter.<\/p>\n<p>Kontextuell Outlook-till\u00e4gg<\/p>\n<p>Du kan installera <a href=\"https:\/\/store.office.com\/package-tracker-WA104162083.aspx?assetid=WA104162083\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">till\u00e4gget Package Tracker i<\/a> Outlook, Outlook f\u00f6r Mac eller Outlook Web App.<a href=\"https:\/\/dev.office.com\/docs\/add-ins\/outlook\/outlook-add-ins.htm\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Kolla in fler Outlook-till\u00e4gg<\/a>.<\/p>\n<p>Ett Office-till\u00e4gg best\u00e5r av en XML-manifestfil och din egen webbapplikation. XML-manifestfilen skapar regler f\u00f6r olika inst\u00e4llningar, inklusive hur ditt till\u00e4gg integreras med dina Office-klienter. \u00c5 andra sidan m\u00e5ste din webbapplikation vara v\u00e4rd p\u00e5 en webbserver eller s\u00e5 kan du anv\u00e4nda en webbhotellstj\u00e4nst, som Azure.<\/p>\n<p>XML Manifest File + Web Application = Office-till\u00e4gg<\/p>\n<h3>\u00a0Manifestera<\/h3>\n<p>XML Manifest-filen anger specifika inst\u00e4llningar och funktioner f\u00f6r Office-till\u00e4gget, s\u00e4rskilt:<\/p>\n<blockquote>\n<ul>\n<li>Till\u00e4ggets visningsnamn, beskrivning, ID, version och standardinst\u00e4llning.<\/li>\n<li>Hur till\u00e4gget integreras med Office:\n<ul>\n<li>F\u00f6r till\u00e4gg som ut\u00f6kar Word \/ Excel \/ PowerPoint \/ Outlook: Det inbyggda till\u00e4gget pekar till\u00e4gget f\u00f6r att exponera funktionalitet, t.ex. knappar p\u00e5 menyfliksomr\u00e5det.<\/li>\n<li>F\u00f6r till\u00e4gg som skapar nya inb\u00e4ddningsbara objekt: URL: en till standardsidan som laddas f\u00f6r objektet.<\/li>\n<\/ul>\n<\/li>\n<li>Beh\u00f6righetsniv\u00e5n och kraven p\u00e5 data\u00e5tkomst f\u00f6r till\u00e4gget.<\/li>\n<\/ul>\n<\/blockquote>\n<p>Om du beh\u00f6ver mer information, ta en titt p\u00e5 <a href=\"https:\/\/dev.office.com\/docs\/add-ins\/overview\/add-in-manifests\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">XML-manifestet f\u00f6r Office-till\u00e4gg<\/a>.<\/p>\n<h3>Webbapp<\/h3>\n<p>Den mest grundl\u00e4ggande versionen av en webbapp \u00e4r en statisk HTML-sida som visas i ett Office-program, men sidan interagerar inte med Office-dokumentet eller Internet. Sidan m\u00e5ste vara v\u00e4rd p\u00e5 en webbserver eller en webbhotellstj\u00e4nst, till exempel Azure; det \u00e4r vilken tj\u00e4nst du tycker passar dig b\u00e4st.<\/p>\n<p>Exempel p\u00e5 ett Hello World Office-till\u00e4gg<\/p>\n<p>Eftersom det \u00e4r en webbapplikation kan du anv\u00e4nda vilken klient- och serverteknik som din v\u00e4rdleverant\u00f6r st\u00f6der (som ASP.net, PHP eller Node.js). F\u00f6r att kunna interagera med Office-klienter och dokument, m\u00e5ste du anv\u00e4nda <a href=\"https:\/\/dev.office.com\/docs\/docs\/develop\/understanding-the-javascript-api-for-office.htm\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">office.js JavaScript API<\/a> som Office 2016 tillhandah\u00e5ller.<\/p>\n<h3>JavaScript-API: er och ytterligare resurser<\/h3>\n<p>JavaScript-API: er f\u00f6r Word och Excel tillhandah\u00e5ller v\u00e4rdspecifika objektmodeller som kan anv\u00e4ndas i ett Office-till\u00e4gg. Dessa API: er st\u00f6der \u00e5tkomst till stycken och arbetsb\u00f6cker, vilket ger ett enklare s\u00e4tt att skapa ett till\u00e4gg f\u00f6r Word eller Excel. Se <a href=\"https:\/\/dev.office.com\/docs\/add-ins\/word\/word-add-ins-programming-overview.htm\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Word-till\u00e4gg<\/a> och <a href=\"https:\/\/dev.office.com\/docs\/add-ins\/excel\/excel-add-ins-javascript-programming-overview.htm\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Excel-till\u00e4gg<\/a> f\u00f6r mer information.<\/p>\n<p>Mer information och teknisk information om Javascript API: er f\u00f6r Office 2016 finns i <a href=\"https:\/\/dev.office.com\/docs\/docs\/develop\/understanding-the-javascript-api-for-office.htm\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">F\u00f6rst\u00e5 JavaScript API f\u00f6r Office<\/a>, <a href=\"https:\/\/dev.office.com\/docs\/reference\/javascript-api-for-office.htm\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">JavaScript API f\u00f6r Office<\/a> och <a href=\"https:\/\/dev.office.com\/docs\/docs\/design\/add-in-design.htm\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">riktlinjer f\u00f6r design f\u00f6r Office-till\u00e4gg<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.onmsft.com\" class=\"external external_icon\">www.onmsft.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Med Office 2016-till\u00e4gg kan du ut\u00f6ka kapaciteten, funktionaliteten och funktionerna i Office-klienter som Word, Excel, PowerPoint och Outlook genom att anv\u00e4nda webbteknologier som HTML, CSS och Java &#8230;<\/p>\n","protected":false},"author":1,"featured_media":60538,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[1072],"tags":[3063],"class_list":["post-120298","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hur","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/120298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=120298"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/120298\/revisions"}],"predecessor-version":[{"id":315520,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/120298\/revisions\/315520"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/60538"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=120298"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=120298"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=120298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}