17 |
18 |
19 |
20 | View on GitHub
21 |
22 |
23 |
24 |
25 |
26 |
27 | {{selectedFile}}
3 | 13 |{{selectedRepoName | safenames}}
9 | 14 |
2 |
6 |
23 |
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/app/file/tree/file-tree.component.scss:
--------------------------------------------------------------------------------
1 | @import '../../../assets/styles/mixins.scss';
2 | @import '../../../assets/styles/theme.scss';
3 |
4 | .file-tree-component {
5 | @include flex();
6 | @include vScroll();
7 | height: 100vh;
8 |
9 | &__title {
10 | padding: $default-spacing;
11 | }
12 |
13 | &__message {
14 | padding: $default-spacing;
15 | }
16 |
17 | &__list {
18 | height: 100%;
19 | }
20 | }
21 |
22 | .file-tree-item {
23 | @include inline-flex();
24 | padding: $default-spacing;
25 | width: 100%;
26 | cursor: pointer;
27 | box-shadow: none;
28 |
29 | @include focus-states($background-lightest);
30 |
31 | &__primary-text {
32 | @include ellipsis();
33 | position: static;
34 | padding: 0;
35 | }
36 |
37 | &__content {
38 | flex: 1 0 0px;
39 | padding-right: $default-spacing;
40 | }
41 |
42 | &__icon {
43 | position: static;
44 | padding-right: $default-spacing;
45 | color: rgba($foreground-primary, 0.8);
46 |
47 | i {
48 | top: 2px;
49 | }
50 | }
51 |
52 | &--separator {
53 | padding: 0;
54 | border-bottom: 1px solid $background-light;
55 | }
56 |
57 | &--alternate {
58 | @include focus-states($accent-background-primary, $accent-foreground-primary);
59 |
60 | &:hover p,
61 | &:hover i {
62 | color: $accent-foreground-primary;
63 | }
64 | }
65 | }
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/app/file/tree/file-tree.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit, OnDestroy } from '@angular/core';
2 | import { Observable } from 'rxjs/Rx';
3 | import { Router, ActivatedRoute } from '@angular/router';
4 | import { GithubService, IContents, WordService } from '../../shared/services';
5 | import { Utilities } from '../../shared/helpers';
6 | import { BaseComponent } from '../../shared/components';
7 | import './file-tree.component.scss';
8 |
9 | @Component({
10 | selector: 'file-tree',
11 | templateUrl: 'file-tree.component.html'
12 | })
13 | export class FileTreeComponent extends BaseComponent implements OnInit, OnDestroy {
14 | selectedOrg: string;
15 | selectedRepoName: string;
16 | selectedBranch: string;
17 | selectedPath: string;
18 | files: Observable-
7 |
8 |
-
9 | 10 |11 |13 |
{{file.name}}
12 |
14 |
15 | -
16 | 17 |18 |20 |
Add a new file
19 |
21 |
3 |
31 |
4 |
5 |
10 |
11 |
6 |
9 | MARKDOWN EDITOR
7 |for Word
8 |
12 |
24 |
29 |
30 |
13 |
18 |
22 |
23 |
19 |
21 | Sign in with GitHub to browse your repositories.
20 |{{loading}}
25 |
26 |
27 |
28 | Repositories
9 | 10 |-
16 |
-
17 | 18 |22 |
{{repository.name | safenames}}
19 |@{{repository.owner.login}}
20 |{{repository.description}}
21 |23 | 24 |25 |
26 |
2 |
3 |
8 |
9 | {{loading}}
4 |
5 |
6 |
7 |
10 |
11 |
12 |
14 |
15 | {{error}}
13 |
16 |
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/app/shared/components/notification/async-view.component.scss:
--------------------------------------------------------------------------------
1 | @import '../../../../assets/styles/mixins.scss';
2 | @import '../../../../assets/styles/theme.scss';
3 |
4 | async-view {
5 | height: 100%;
6 | }
7 |
8 | .async-view {
9 | background-color: $foreground-white !important;
10 | flex: 1 1 100%;
11 |
12 | &__content {
13 | height: 100%;
14 | }
15 |
16 | &__error {
17 | margin-bottom: $default-spacing * 4;
18 | align-self: flex-start;
19 |
20 | &::after {
21 | content: ':(';
22 | margin-left: 10px;
23 | font-size: 10em;
24 | }
25 | }
26 |
27 | .ms-progress {
28 | margin-top: $default-spacing * 4;
29 | }
30 |
31 | .ms-progress .ms-Spinner {
32 | font-size: 7px;
33 | width: 1em;
34 | height: 1em;
35 | border-radius: 100%;
36 | @include animation(spinner-blue 0.7s infinite ease-in-out);
37 | transform: translateZ(0);
38 | margin-bottom: $default-spacing * 2;
39 | }
40 | }
41 |
42 | @include keyframes(spinner-blue) {
43 | 0%, 100% {
44 | box-shadow: 0em -2.6em 0em 0em rgba($accent-background-primary, 1), 1.8em -1.8em 0 0em rgba($accent-background-primary, 0.2), 2.5em 0em 0 0em rgba($accent-background-primary, 0.2), 1.75em 1.75em 0 0em rgba($accent-background-primary, 0.2), 0em 2.5em 0 0em rgba($accent-background-primary, 0.2), -1.8em 1.8em 0 0em rgba($accent-background-primary, 0.2), -2.6em 0em 0 0em rgba($accent-background-primary, 0.5), -1.8em -1.8em 0 0em rgba($accent-background-primary, 0.7);
45 | }
46 |
47 | 12.5% {
48 | box-shadow: 0em -2.6em 0em 0em rgba($accent-background-primary, 0.7), 1.8em -1.8em 0 0em rgba($accent-background-primary, 1), 2.5em 0em 0 0em rgba($accent-background-primary, 0.2), 1.75em 1.75em 0 0em rgba($accent-background-primary, 0.2), 0em 2.5em 0 0em rgba($accent-background-primary, 0.2), -1.8em 1.8em 0 0em rgba($accent-background-primary, 0.2), -2.6em 0em 0 0em rgba($accent-background-primary, 0.2), -1.8em -1.8em 0 0em rgba($accent-background-primary, 0.5);
49 | }
50 |
51 | 25% {
52 | box-shadow: 0em -2.6em 0em 0em rgba($accent-background-primary, 0.5), 1.8em -1.8em 0 0em rgba($accent-background-primary, 0.7), 2.5em 0em 0 0em rgba($accent-background-primary, 1), 1.75em 1.75em 0 0em rgba($accent-background-primary, 0.2), 0em 2.5em 0 0em rgba($accent-background-primary, 0.2), -1.8em 1.8em 0 0em rgba($accent-background-primary, 0.2), -2.6em 0em 0 0em rgba($accent-background-primary, 0.2), -1.8em -1.8em 0 0em rgba($accent-background-primary, 0.2);
53 | }
54 |
55 | 37.5% {
56 | box-shadow: 0em -2.6em 0em 0em rgba($accent-background-primary, 0.2), 1.8em -1.8em 0 0em rgba($accent-background-primary, 0.5), 2.5em 0em 0 0em rgba($accent-background-primary, 0.7), 1.75em 1.75em 0 0em rgba($accent-background-primary, 1), 0em 2.5em 0 0em rgba($accent-background-primary, 0.2), -1.8em 1.8em 0 0em rgba($accent-background-primary, 0.2), -2.6em 0em 0 0em rgba($accent-background-primary, 0.2), -1.8em -1.8em 0 0em rgba($accent-background-primary, 0.2);
57 | }
58 |
59 | 50% {
60 | box-shadow: 0em -2.6em 0em 0em rgba($accent-background-primary, 0.2), 1.8em -1.8em 0 0em rgba($accent-background-primary, 0.2), 2.5em 0em 0 0em rgba($accent-background-primary, 0.5), 1.75em 1.75em 0 0em rgba($accent-background-primary, 0.7), 0em 2.5em 0 0em rgba($accent-background-primary, 1), -1.8em 1.8em 0 0em rgba($accent-background-primary, 0.2), -2.6em 0em 0 0em rgba($accent-background-primary, 0.2), -1.8em -1.8em 0 0em rgba($accent-background-primary, 0.2);
61 | }
62 |
63 | 62.5% {
64 | box-shadow: 0em -2.6em 0em 0em rgba($accent-background-primary, 0.2), 1.8em -1.8em 0 0em rgba($accent-background-primary, 0.2), 2.5em 0em 0 0em rgba($accent-background-primary, 0.2), 1.75em 1.75em 0 0em rgba($accent-background-primary, 0.5), 0em 2.5em 0 0em rgba($accent-background-primary, 0.7), -1.8em 1.8em 0 0em rgba($accent-background-primary, 1), -2.6em 0em 0 0em rgba($accent-background-primary, 0.2), -1.8em -1.8em 0 0em rgba($accent-background-primary, 0.2);
65 | }
66 |
67 | 75% {
68 | box-shadow: 0em -2.6em 0em 0em rgba($accent-background-primary, 0.2), 1.8em -1.8em 0 0em rgba($accent-background-primary, 0.2), 2.5em 0em 0 0em rgba($accent-background-primary, 0.2), 1.75em 1.75em 0 0em rgba($accent-background-primary, 0.2), 0em 2.5em 0 0em rgba($accent-background-primary, 0.5), -1.8em 1.8em 0 0em rgba($accent-background-primary, 0.7), -2.6em 0em 0 0em rgba($accent-background-primary, 1), -1.8em -1.8em 0 0em rgba($accent-background-primary, 0.2);
69 | }
70 |
71 | 87.5% {
72 | box-shadow: 0em -2.6em 0em 0em rgba($accent-background-primary, 0.2), 1.8em -1.8em 0 0em rgba($accent-background-primary, 0.2), 2.5em 0em 0 0em rgba($accent-background-primary, 0.2), 1.75em 1.75em 0 0em rgba($accent-background-primary, 0.2), 0em 2.5em 0 0em rgba($accent-background-primary, 0.2), -1.8em 1.8em 0 0em rgba($accent-background-primary, 0.5), -2.6em 0em 0 0em rgba($accent-background-primary, 0.7), -1.8em -1.8em 0 0em rgba($accent-background-primary, 1);
73 | }
74 | }
75 |
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/app/shared/components/notification/async-view.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input, OnInit, OnDestroy, OnChanges, SimpleChanges, SimpleChange } from '@angular/core';
2 | import { Observable, Subscription } from 'rxjs';
3 | import { BaseComponent } from '../base.component';
4 | import { Utilities } from '../../helpers';
5 | import { NotificationService, MessageType } from '../../services';
6 | import './async-view.component.scss';
7 |
8 | @Component({
9 | selector: 'async-view',
10 | templateUrl: 'async-view.component.html'
11 | })
12 | export class AsyncViewComponent extends BaseComponent implements OnInit, OnDestroy, OnChanges {
13 | @Input() observable: any | Observable{{placeholder}}
17 |
18 |
20 |
10 |
`
19 | })
20 | export class ToastComponent extends BaseComponent implements OnDestroy {
21 | toast: IToast;
22 | isHidden = true;
23 |
24 | private _timeout;
25 | private _toastChannel: IEventChannel;
26 |
27 | constructor(
28 | private _mediatorService: MediatorService,
29 | private _ref: ApplicationRef
30 | ) {
31 | super();
32 | this._toastChannel = this._mediatorService.createEventChannel
11 |
14 | {{toast?.title}}
12 | 13 |
15 |
16 |
17 |
18 | ${this._cleanHtml(html)}
`).find('.WordSection1');
31 | extractedHtml.children('pre').wrap(wrappingElement);
32 |
33 | extractedHtml.find('td').each((index, elem) => {
34 | var content = '';
35 | var td = $(elem);
36 |
37 | var ps = td.children('p');
38 | if (ps.length == 1) {
39 | content = ps.text();
40 | ps.remove();
41 | }
42 | else {
43 | ps.each((index, p) => {
44 | content += $(p).text();
45 | $(p).remove();
46 | });
47 | }
48 |
49 | td.text(content);
50 | });
51 |
52 | var md = toMarkdown(extractedHtml.html(), {
53 | gfm: true,
54 | converters: [{
55 | filter: 'li',
56 | replacement: function (content, node) {
57 | content = content.replace(/^\s+/, '').replace(/\n/gm, '\n ')
58 | var prefix = '* '
59 | var parent = node.parentNode
60 | var grandparent = parent.parentNode
61 | var index = Array.prototype.indexOf.call(parent.children, node) + 1
62 |
63 | if (/ol/i.test(grandparent.nodeName) || /ul/i.test(grandparent.nodeName)) {
64 | prefix = /ol/i.test(parent.nodeName) ? ' ' + index + '. ' : ' * '
65 | }
66 | else {
67 | prefix = /ol/i.test(parent.nodeName) ? index + '. ' : '* '
68 | }
69 |
70 | return prefix + content
71 | }
72 | }]
73 | });
74 |
75 | var end = performance.now();
76 | appInsights.trackMetric("markdown conversion duration", (end - start) / 1000);
77 | return md;
78 | }
79 |
80 | private _cleanHtml(html: string): string {
81 | return Utilities.regex(html)
82 |
83 | // clean the TABLE, TD, P or SPAN tags by removing any additional properties added by Word
84 | // this step is necessary as it optimizes the regex for further steps
85 | // else we end up in catastrophic backtracking http://www.regular-expressions.info/catastrophic.html
86 | (/<(table|td|p|span)\s(?:.|\s)*?>/g, '<$1>')
87 |
88 | // wrap the first TR in a table with THEAD tag and start a TBODY tag at the end of it
89 | (//g, '\n')
102 |
103 | // generate output
104 | ();
105 | }
106 | }
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/app/shared/services/mediator.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable, EventEmitter, OnDestroy } from '@angular/core';
2 | import { Subject, Observable } from 'rxjs/Rx';
3 | import { Authenticator, Dictionary, IToken } from '@microsoft/office-js-helpers';
4 | import { Utilities } from '../helpers';
5 |
6 | export interface IChannel {
7 | name: string,
8 | source$: Observable
9 | }
10 |
11 | export interface IEventChannel extends IChannel {
12 | source: EventEmitter
13 | }
14 |
15 | export interface ISubjectChannel extends IChannel {
16 | source: Subject
17 | }
18 |
19 | @Injectable()
20 | export class MediatorService extends Dictionary implements OnDestroy {
21 | constructor() {
22 | super();
23 | }
24 |
25 | createEventChannel(name: string): IEventChannel {
26 | var current = this.get(name);
27 | if (!Utilities.isNull(current)) return current as IEventChannel;
28 |
29 | var event = new EventEmitter();
30 | return this.insert(name, { name: name, source$: event.asObservable(), source: event } as IChannel) as IEventChannel;
31 | }
32 |
33 | createSubjectChannel(name: string): ISubjectChannel {
34 | var current = this.get(name);
35 | if (!Utilities.isNull(current)) return current as ISubjectChannel;
36 |
37 | var dataSource = new Subject();
38 | var event = dataSource.asObservable();
39 | return this.insert(name, { name: name, source$: event, source: dataSource } as IChannel) as ISubjectChannel;
40 | }
41 |
42 | clear() {
43 | _.each(this.values(), subscription => {
44 | ((subscription)).source.unsubscribe();
45 | });
46 |
47 | super.clear();
48 | }
49 |
50 | ngOnDestroy() {
51 | this.clear();
52 | }
53 | }
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/app/shared/services/models.ts:
--------------------------------------------------------------------------------
1 | import { IToken } from '@microsoft/office-js-helpers';
2 |
3 | export interface IProfile {
4 | login?: string,
5 | id?: number,
6 | avatar_url?: string,
7 | gravatar_id?: string,
8 | html_url?: string,
9 | url?: string,
10 | type?: string,
11 | site_admin?: boolean
12 | }
13 |
14 | export interface IProfileMetadata extends IProfile {
15 | name?: string,
16 | company?: string,
17 | blog?: string,
18 | location?: string,
19 | email?: string,
20 | hireable?: string,
21 | bio?: string,
22 | public_repos?: number,
23 | public_gists?: number,
24 | followers?: number,
25 | following?: number,
26 | created_at?: Date,
27 | updated_at?: Date
28 | }
29 |
30 | export interface IUserProfile {
31 | user: IProfileMetadata,
32 | orgs: IProfileMetadata[],
33 | token: IToken
34 | }
35 |
36 | export interface IRepository {
37 | id?: number,
38 | name?: string,
39 | full_name?: string,
40 | owner: IProfile,
41 | private?: boolean,
42 | html_url?: string,
43 | description?: string,
44 | fork?: boolean,
45 | url?: string,
46 | created_at?: Date,
47 | updated_at?: Date,
48 | pushed_at?: Date,
49 | homepage?: string
50 | size?: number,
51 | stargazers_count?: number,
52 | watchers_count?: number,
53 | language?: string,
54 | has_issues?: boolean,
55 | has_downloads?: boolean,
56 | has_wiki?: boolean,
57 | has_pages?: boolean,
58 | forks_count?: number,
59 | open_issues_count?: number,
60 | forks?: number,
61 | open_issues?: number,
62 | watchers?: number,
63 | default_branch?: string,
64 | permissions?: {
65 | admin?: boolean,
66 | push?: boolean,
67 | pull: boolean
68 | },
69 | isPinned?: boolean
70 | }
71 |
72 | export interface IRepositoryCollection {
73 | data: IRepository[],
74 | page_count?: number,
75 | next_link?: string
76 | }
77 |
78 | export interface IOwnerRepository extends IRepository {
79 | organization?: IProfile,
80 | parent?: IRepository,
81 | source?: IRepository
82 | }
83 |
84 | export interface IBranch {
85 | name?: string,
86 | protection?: {
87 | enabled?: boolean,
88 | required_status_checks?: {
89 | enforcement_level?: string,
90 | contexts: any[]
91 | }
92 | },
93 | commit?: ICommit,
94 | _links?: {
95 | html?: string,
96 | self?: string
97 | }
98 | }
99 |
100 | export interface ICommit {
101 | sha?: string,
102 | commit?: {
103 | author?: {
104 | name?: string,
105 | date?: Date,
106 | email?: string
107 | },
108 | url?: string,
109 | message?: string,
110 | tree?: {
111 | sha?: string,
112 | url?: string
113 | },
114 | committer?: {
115 | name?: string,
116 | date?: Date,
117 | email?: string
118 | }
119 | },
120 | author?: {
121 | gravatar_id?: string,
122 | avatar_url?: string,
123 | url?: string,
124 | id?: number,
125 | login?: string
126 | },
127 | parents?: [
128 | {
129 | sha?: string,
130 | url?: string
131 | },
132 | {
133 | sha?: string,
134 | url?: string
135 | }
136 | ],
137 | url?: string,
138 | committer?: {
139 | gravatar_id?: string,
140 | avatar_url?: string,
141 | url?: string,
142 | id?: number,
143 | login?: string
144 | }
145 | }
146 |
147 | export interface IContents {
148 | type?: string,
149 | size?: number,
150 | name?: string,
151 | path?: string,
152 | sha?: string,
153 | url?: string,
154 | git_url?: string,
155 | html_url?: string,
156 | content?: string,
157 | download_url?: string,
158 | _links?: {
159 | self?: string,
160 | git?: string,
161 | html?: string
162 | }
163 | }
164 |
165 | export interface IUploadCommit {
166 | commit: ICommit,
167 | content: IContents
168 | }
169 |
170 | export interface IBreadcrumb {
171 | text: string;
172 | key?: number;
173 | href?: string | string[];
174 | }
175 |
176 | export interface IImage {
177 | id?: number,
178 | altTextTitle?: string,
179 | altTextDescription?: string,
180 | height?: number,
181 | hyperlink?: string,
182 | imageFormat?: string,
183 | lockAspectRatio?: boolean,
184 | width?: number,
185 | base64ImageSrc?: OfficeExtension.ClientResult
186 | }
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/app/shared/services/notification.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable, EventEmitter } from '@angular/core'
2 | import { Utilities } from '../helpers';
3 | import { Observable } from 'rxjs/Rx';
4 | import { MediatorService, IEventChannel } from './mediator.service';
5 |
6 | export enum MessageType {
7 | Info,
8 | Success,
9 | SevereWarning,
10 | Warning,
11 | Error,
12 | Remove
13 | }
14 |
15 | export interface IMessage {
16 | message: string;
17 | type: MessageType;
18 | action?: MessageAction;
19 | }
20 |
21 | export interface IToast {
22 | toast: string;
23 | title: string;
24 | }
25 |
26 | export class MessageAction {
27 | actionEvent: EventEmitter
28 | dismissEvent: EventEmitter
29 |
30 | constructor(public yes: string, public no?: string) {
31 | this.actionEvent = new EventEmitter();
32 | this.dismissEvent = new EventEmitter();
33 | }
34 | }
35 |
36 | @Injectable()
37 | export class NotificationService {
38 | private _toastChannel: IEventChannel;
39 | private _messageChannel: IEventChannel;
40 |
41 | constructor(private _mediatorService: MediatorService) {
42 | this._toastChannel = this._mediatorService.createEventChannel('toast-channel');
43 | this._messageChannel = this._mediatorService.createEventChannel('message-channel');
44 | }
45 |
46 | message(message: string, type?: MessageType)
47 | message(message: IMessage)
48 | message(message: any, type?: any) {
49 | if (Utilities.isEmpty(message)) return;
50 | if (_.isString(message)) {
51 | this._messageChannel.source.next({
52 | message: message,
53 | type: type
54 | });
55 | }
56 | else this._messageChannel.source.next(message);
57 | }
58 |
59 | error(message: string)
60 | error(message: any) {
61 | if (_.isString(message)) this.message(message, MessageType.Error);
62 | else this.message(JSON.stringify(message), MessageType.Error);
63 | Utilities.error(JSON.stringify(message));
64 | appInsights.trackException(message);
65 | }
66 |
67 | toast(toast: IToast)
68 | toast(toast: string, title?: string)
69 | toast(toast: any, title?: any) {
70 | if (Utilities.isEmpty(toast)) return;
71 | if (_.isString(toast)) {
72 | this._toastChannel.source.next({
73 | toast: toast,
74 | title: title
75 | });
76 | }
77 | else this._toastChannel.source.next(toast);
78 | }
79 | }
80 |
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/app/shared/services/word.service.ts:
--------------------------------------------------------------------------------
1 | import { Inject, Injectable } from "@angular/core";
2 | import { GithubService } from "./github.service";
3 | import { MarkdownService } from './markdown.service';
4 | import { Utilities } from "../helpers";
5 | import * as marked from 'marked';
6 | import { IImage } from './';
7 |
8 | declare var toMarkdown: any;
9 |
10 | @Injectable()
11 | export class WordService {
12 | constructor(
13 | private _githubService: GithubService,
14 | private _markDownService: MarkdownService
15 | ) {
16 |
17 | }
18 |
19 | insertTemplate(md: string, link: string) {
20 | var html = this._markDownService.convertToHtml(md);
21 | return this.insertHtml(html, link)
22 | }
23 |
24 | insertHtml(html: string, link: string): Promise {
25 | appInsights.trackEvent('insert html', null, { 'length': html.length });
26 | var start = performance.now();
27 | if (Utilities.isEmpty(html)) return Promise.reject(null);
28 | return this._run(context => {
29 | return this._insertHtmlIntoWord(context, html, link)
30 | .then(() => this._formatStyles(context))
31 | .then(() => {
32 | var end = performance.now();
33 | appInsights.trackMetric("Insert HTML duration", (end - start) / 1000);
34 | });
35 | })
36 | }
37 |
38 | insertNumberedList() {
39 | return this._run(context => {
40 | var selection = context.document.getSelection();
41 | selection.insertHtml('- Item1
- Item2
- Item3
', Word.InsertLocation.after);
42 | return context.sync();
43 | });
44 | }
45 |
46 | insertBulletedList() {
47 | return this._run(context => {
48 | var selection = context.document.getSelection();
49 | selection.insertHtml('- Item1
- Item2
- Item3
', Word.InsertLocation.after);
50 | return context.sync();
51 | });
52 | }
53 |
54 | getMarkdown(link: string, hasInlinePictures: boolean) {
55 | return this._run(context => {
56 | var html = context.document.body.getHtml();
57 | return context.sync().then(() => {
58 | var div = document.createElement('tempHtmlDiv');
59 | div.innerHTML = html.value;
60 |
61 | if (hasInlinePictures) {
62 | var images = div.getElementsByTagName('img');
63 | var altValue, srcValue;
64 | var toRemove = "Title: ";
65 | for (var i = 0, max = images.length; i < max; i++) {
66 | altValue = images[i].getAttribute('alt');
67 | altValue = altValue.replace(toRemove, "");
68 | console.log("altvalue " + altValue);
69 | srcValue = images[i].getAttribute('src');
70 | if (srcValue.toLowerCase().startsWith("~wrs")) {
71 | images[i].setAttribute('src', link + "/" + altValue);
72 | }
73 | }
74 | }
75 | return this._markDownService.convertToMD(div.innerHTML);
76 | });
77 | });
78 | }
79 |
80 | getBase64EncodedStringsOfImages(link: string): OfficeExtension.IPromise {
81 | var start = performance.now();
82 | var imagesArray: IImage[] = [];
83 | return this._run(context => {
84 | var images = context.document.body.inlinePictures.load();
85 | return context.sync().then(() => {
86 | for (var i = 0; i < images.items.length; i++) {
87 | var image = {
88 | imageFormat: images.items[i].imageFormat,
89 | altTextTitle: images.items[i].altTextTitle,
90 | altTextDescription: images.items[i].altTextDescription,
91 | height: images.items[i].height,
92 | width: images.items[i].width,
93 | hyperlink: images.items[i].hyperlink,
94 | base64ImageSrc: images.items[i].getBase64ImageSrc()
95 |
96 | }
97 | if (Utilities.isEmpty(image.hyperlink)) {
98 | var uniqueNumber = new Date().getTime();
99 | var fileName = "Image" + uniqueNumber + "." + image.imageFormat;
100 | image.hyperlink = "images/" + fileName;
101 | image.altTextTitle = "images/" + fileName;
102 | image.altTextDescription = "";
103 | images.items[i].hyperlink = link + "/" + "images/" + fileName;
104 | images.items[i].altTextTitle = "images/" + fileName;
105 | images.items[i].altTextDescription = "";
106 | imagesArray.push(image);
107 | }
108 | }
109 |
110 | return context.sync().then(function () {
111 | var end = performance.now();
112 | appInsights.trackEvent('images loaded from word', null, { "number of images": imagesArray.length });
113 | appInsights.trackMetric('images load duration', (end - start) / 1000);
114 | return imagesArray;
115 | });
116 | });
117 | });
118 | }
119 |
120 | private _run(batch: (context: Word.RequestContext) => OfficeExtension.IPromise): OfficeExtension.IPromise {
121 | return Word.run(batch).catch(exception => Utilities.error(exception) as OfficeExtension.IPromise);
122 | }
123 |
124 |
125 | private _insertHtmlIntoWord(context: Word.RequestContext, html: string, link: string) {
126 | var body = context.document.body;
127 | var div = document.createElement('tempHtmlDiv');
128 | div.innerHTML = html;
129 |
130 | var images = div.getElementsByTagName('img');
131 | var altValue, srcValue, max, i;
132 | for (i = 0, max = images.length; i < max; i++) {
133 | altValue = images[i].parentElement.getAttribute('href');
134 | srcValue = images[i].getAttribute('src');
135 | var filename = _.last(srcValue.split('/'));
136 | console.log(images[i].width);
137 | if (!srcValue.toLowerCase().startsWith("http")) {
138 | images[i].setAttribute('src', link + "/" + "images/" + filename);
139 | }
140 | }
141 |
142 | html = div.innerHTML;
143 | body.insertHtml(html, Word.InsertLocation.replace);
144 | return context.sync();
145 | }
146 |
147 | private _formatStyles(context: Word.RequestContext) {
148 | var tables = context.document.body.tables;
149 | if (tables) tables.load('style');
150 |
151 | var paragraphs = context.document.body.paragraphs;
152 | if (paragraphs) paragraphs.load(['style', 'text']);
153 |
154 | return context.sync().then(() => {
155 | if (paragraphs) {
156 | _.each(paragraphs.items, paragraph => {
157 | switch (paragraph.style) {
158 | case 'HTML Preformatted':
159 | case 'undefined':
160 | case '':
161 | case 'pl-c':
162 | paragraph.style = 'HTML Preformatted';
163 | break;
164 |
165 | case 'Normal (Web)':
166 | paragraph.style = 'Normal';
167 |
168 | default:
169 | paragraph.font.size = 11;
170 | paragraph.font.name = 'Segoe UI';
171 | paragraph.font.color = '#333333';
172 | break;
173 | }
174 | });
175 | }
176 |
177 | if (tables) {
178 | _.each(tables.items, table => {
179 | table.style = "Plain Table 1";
180 | table.verticalAlignment = Word.VerticalAlignment.center;
181 | table.styleFirstColumn = false;
182 | table.headerRowCount = 0;
183 | table.styleBandedRows = true;
184 | table.autoFitContents();
185 | });
186 | }
187 | return context.sync();
188 | });
189 | }
190 | }
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/images/black_brandbar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/OfficeDev/Word-Add-in-Markdown-Editor/687e49a0854d0a1a252d5e6a748266773c2e8a4a/MarkdownEditorForWord/src/assets/images/black_brandbar.png
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/OfficeDev/Word-Add-in-Markdown-Editor/687e49a0854d0a1a252d5e6a748266773c2e8a4a/MarkdownEditorForWord/src/assets/images/logo.png
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/images/logo_16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/OfficeDev/Word-Add-in-Markdown-Editor/687e49a0854d0a1a252d5e6a748266773c2e8a4a/MarkdownEditorForWord/src/assets/images/logo_16.png
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/images/logo_32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/OfficeDev/Word-Add-in-Markdown-Editor/687e49a0854d0a1a252d5e6a748266773c2e8a4a/MarkdownEditorForWord/src/assets/images/logo_32.png
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/images/logo_64.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/OfficeDev/Word-Add-in-Markdown-Editor/687e49a0854d0a1a252d5e6a748266773c2e8a4a/MarkdownEditorForWord/src/assets/images/logo_64.png
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/images/logo_80.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/OfficeDev/Word-Add-in-Markdown-Editor/687e49a0854d0a1a252d5e6a748266773c2e8a4a/MarkdownEditorForWord/src/assets/images/logo_80.png
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/images/white_brandbar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/OfficeDev/Word-Add-in-Markdown-Editor/687e49a0854d0a1a252d5e6a748266773c2e8a4a/MarkdownEditorForWord/src/assets/images/white_brandbar.png
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/styles/globals.scss:
--------------------------------------------------------------------------------
1 | @import 'theme.scss';
2 | @import 'mixins.scss';
3 |
4 | * {
5 | margin: 0;
6 | padding: 0;
7 | }
8 |
9 | *[hidden] {
10 | display: none !important;
11 | }
12 |
13 | html, body {
14 | width: 100%;
15 | height: 100%;
16 | margin: 0;
17 | padding: 0;
18 | overflow-x: hidden;
19 | color: $foreground-primary;
20 | }
21 |
22 | body {
23 | position: relative;
24 | }
25 |
26 | main {
27 | height: 100%;
28 | }
29 |
30 | footer {
31 | width: 100%;
32 | }
33 |
34 | p, h1, h2, h3, h4, h5, h6 {
35 | margin: 0;
36 | padding: 0;
37 | }
38 |
39 | ul {
40 | padding: 0;
41 | }
42 |
43 | .clearfix {
44 | display: block;
45 | clear: both;
46 | height: 0;
47 | }
48 |
49 | .ms-Icon-large {
50 | position: relative;
51 | font-size: 20px;
52 | top: 4px;
53 | }
54 |
55 | .app {
56 | @include flex();
57 | height: 100vh;
58 |
59 | &__main {
60 | flex: 1 1 0;
61 | @include flex();
62 | }
63 |
64 | &__footer {
65 | @include background-fill(contain, $background-primary) {
66 | background-image: url("../images/black_brandbar.png");
67 | }
68 |
69 | cursor: pointer;
70 | height: 80px;
71 | }
72 | }
73 |
74 | repo, file-list, file-tree, file-create, file-detail, login, async-view {
75 | @include flex();
76 | flex: 1 1 100%;
77 | }
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/styles/mixins.scss:
--------------------------------------------------------------------------------
1 | @import 'mixins/flex.scss';
2 | @import 'mixins/background.fill.scss';
3 | @import 'mixins/ellipsis.scss';
4 | @import 'mixins/focus.states.scss';
5 | @import 'mixins/keyframes.scss';
6 | @import 'mixins/scroll.scss';
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/styles/mixins/background.fill.scss:
--------------------------------------------------------------------------------
1 | @mixin background-fill($type: contain, $fill-color: transparent) {
2 | background: $fill-color no-repeat center center;
3 | @content;
4 | background-size: $type;
5 | }
6 |
7 | @mixin background-image-circle($size, $url: '') {
8 | @if $url {
9 | background-image: url($url);
10 | }
11 |
12 | width: $size;
13 | height: $size;
14 | border-radius: 100%;
15 | }
16 |
17 | @mixin background-image-square($size, $url: '') {
18 | @if $url {
19 | background-image: url($url);
20 | }
21 |
22 | width: $size;
23 | height: $size;
24 | }
25 |
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/styles/mixins/ellipsis.scss:
--------------------------------------------------------------------------------
1 | @mixin ellipsis($width: auto) {
2 | width: $width;
3 | max-width: $width;
4 | overflow: hidden;
5 | white-space: nowrap;
6 | text-overflow: ellipsis;
7 | }
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/styles/mixins/flex.scss:
--------------------------------------------------------------------------------
1 | @mixin flex($direction: column, $wrap: nowrap, $horizontal-alignment: null, $vertical-alignment: null) {
2 | display: flex;
3 | flex-direction: $direction;
4 | flex-wrap: $wrap;
5 |
6 | @if $horizontal-alignment {
7 | justify-content: $horizontal-alignment;
8 | }
9 |
10 | @if $vertical-alignment {
11 | align-items: $vertical-alignment;
12 | }
13 | }
14 |
15 | @mixin inline-flex($horizontal-alignment: null, $vertical-alignment: null) {
16 | display: inline-flex;
17 |
18 | @if $horizontal-alignment {
19 | justify-content: $horizontal-alignment;
20 | }
21 |
22 | @if $vertical-alignment {
23 | align-items: $vertical-alignment;
24 | }
25 | }
26 |
27 | @mixin center-flex() {
28 | @include flex(column, nowrap, center, center);
29 | }
30 |
31 | @mixin stretch-flex() {
32 | @include flex(column, nowrap, stretch, stretch);
33 | }
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/styles/mixins/focus.states.scss:
--------------------------------------------------------------------------------
1 | @mixin focus-states($background: null, $foreground: null, $scale: true) {
2 | transition: background ease-in-out 0.1s, color ease-in-out 0.1s;
3 |
4 | &:active, &:hover {
5 | @if $background != null {
6 | background: $background;
7 | }
8 | @else {
9 | background: rgba(0,0,0,0.1);
10 | }
11 |
12 | @if $foreground != null {
13 | color: $foreground;
14 | }
15 |
16 | cursor: pointer;
17 | }
18 |
19 | &:active {
20 | @if $background != null {
21 | background: $background;
22 | }
23 | @else {
24 | background: rgba(0,0,0,0.2);
25 | }
26 |
27 | @if($scale) {
28 | transform: scale3d(0.98, 0.98, 1);
29 | }
30 | }
31 |
32 | &--disabled {
33 | opacity: 0.6;
34 | pointer-events: none;
35 | cursor: not-allowed;
36 |
37 | &:active, &:hover {
38 | background: transparent;
39 | }
40 |
41 | @if($scale) {
42 | &:active {
43 | transform: none;
44 | }
45 | }
46 | }
47 | }
48 |
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/styles/mixins/keyframes.scss:
--------------------------------------------------------------------------------
1 | @mixin keyframes($animation-name) {
2 | @-webkit-keyframes #{$animation-name} {
3 | @content;
4 | }
5 | @-moz-keyframes #{$animation-name} {
6 | @content;
7 | }
8 | @-ms-keyframes #{$animation-name} {
9 | @content;
10 | }
11 | @-o-keyframes #{$animation-name} {
12 | @content;
13 | }
14 | @keyframes #{$animation-name} {
15 | @content;
16 | }
17 | }
18 |
19 | @mixin animation($str) {
20 | -webkit-animation: #{$str};
21 | -moz-animation: #{$str};
22 | -o-animation: #{$str};
23 | animation: #{$str};
24 | }
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/styles/mixins/scroll.scss:
--------------------------------------------------------------------------------
1 | @mixin scroll() {
2 | overflow: auto;
3 | height: 100%;
4 | }
5 |
6 | @mixin vScroll() {
7 | @include scroll();
8 | overflow-x: hidden;
9 | }
10 |
11 | @mixin hScroll() {
12 | @include scroll();
13 | overflow-y: hidden;
14 | }
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/styles/spinner.scss:
--------------------------------------------------------------------------------
1 | @import 'theme.scss';
2 | @import 'mixins.scss';
3 |
4 | .ms-progress-component {
5 | height: 100%;
6 | background-color: $background-primary;
7 | @include flex();
8 |
9 | &__main {
10 | height: 100%;
11 | flex: 1 1 0px;
12 | padding: $default-spacing;
13 | @include center-flex();
14 | }
15 |
16 | &__title {
17 | padding: 0 $default-spacing;
18 | }
19 |
20 | &__logo {
21 | height: 80px;
22 | margin-bottom: $default-spacing;
23 | }
24 |
25 | &__footer {
26 | @include inline-flex(center, center);
27 | margin-bottom: $default-spacing * 5;
28 | }
29 | }
30 |
31 | .ms-progress {
32 | @include center-flex();
33 |
34 | .ms-ProgressIndicator-itemDescription,
35 | .ms-ProgressIndicator-itemName {
36 | color: $foreground-white;
37 | text-align: center;
38 | @include ellipsis();
39 | width: 100vw;
40 | }
41 |
42 | .ms-Spinner {
43 | font-size: 7px;
44 | width: 1em;
45 | height: 1em;
46 | border-radius: 100%;
47 | @include animation(spinner 0.7s infinite ease-in-out);
48 | transform: translateZ(0);
49 | margin-bottom: $default-spacing * 2;
50 | }
51 | }
52 |
53 | @include keyframes(spinner) {
54 | 0%, 100% {
55 | box-shadow: 0em -2.6em 0em 0em rgba($foreground-white, 1), 1.8em -1.8em 0 0em rgba($foreground-white, 0.2), 2.5em 0em 0 0em rgba($foreground-white, 0.2), 1.75em 1.75em 0 0em rgba($foreground-white, 0.2), 0em 2.5em 0 0em rgba($foreground-white, 0.2), -1.8em 1.8em 0 0em rgba($foreground-white, 0.2), -2.6em 0em 0 0em rgba($foreground-white, 0.5), -1.8em -1.8em 0 0em rgba($foreground-white, 0.7);
56 | }
57 |
58 | 12.5% {
59 | box-shadow: 0em -2.6em 0em 0em rgba($foreground-white, 0.7), 1.8em -1.8em 0 0em rgba($foreground-white, 1), 2.5em 0em 0 0em rgba($foreground-white, 0.2), 1.75em 1.75em 0 0em rgba($foreground-white, 0.2), 0em 2.5em 0 0em rgba($foreground-white, 0.2), -1.8em 1.8em 0 0em rgba($foreground-white, 0.2), -2.6em 0em 0 0em rgba($foreground-white, 0.2), -1.8em -1.8em 0 0em rgba($foreground-white, 0.5);
60 | }
61 |
62 | 25% {
63 | box-shadow: 0em -2.6em 0em 0em rgba($foreground-white, 0.5), 1.8em -1.8em 0 0em rgba($foreground-white, 0.7), 2.5em 0em 0 0em rgba($foreground-white, 1), 1.75em 1.75em 0 0em rgba($foreground-white, 0.2), 0em 2.5em 0 0em rgba($foreground-white, 0.2), -1.8em 1.8em 0 0em rgba($foreground-white, 0.2), -2.6em 0em 0 0em rgba($foreground-white, 0.2), -1.8em -1.8em 0 0em rgba($foreground-white, 0.2);
64 | }
65 |
66 | 37.5% {
67 | box-shadow: 0em -2.6em 0em 0em rgba($foreground-white, 0.2), 1.8em -1.8em 0 0em rgba($foreground-white, 0.5), 2.5em 0em 0 0em rgba($foreground-white, 0.7), 1.75em 1.75em 0 0em rgba($foreground-white, 1), 0em 2.5em 0 0em rgba($foreground-white, 0.2), -1.8em 1.8em 0 0em rgba($foreground-white, 0.2), -2.6em 0em 0 0em rgba($foreground-white, 0.2), -1.8em -1.8em 0 0em rgba($foreground-white, 0.2);
68 | }
69 |
70 | 50% {
71 | box-shadow: 0em -2.6em 0em 0em rgba($foreground-white, 0.2), 1.8em -1.8em 0 0em rgba($foreground-white, 0.2), 2.5em 0em 0 0em rgba($foreground-white, 0.5), 1.75em 1.75em 0 0em rgba($foreground-white, 0.7), 0em 2.5em 0 0em rgba($foreground-white, 1), -1.8em 1.8em 0 0em rgba($foreground-white, 0.2), -2.6em 0em 0 0em rgba($foreground-white, 0.2), -1.8em -1.8em 0 0em rgba($foreground-white, 0.2);
72 | }
73 |
74 | 62.5% {
75 | box-shadow: 0em -2.6em 0em 0em rgba($foreground-white, 0.2), 1.8em -1.8em 0 0em rgba($foreground-white, 0.2), 2.5em 0em 0 0em rgba($foreground-white, 0.2), 1.75em 1.75em 0 0em rgba($foreground-white, 0.5), 0em 2.5em 0 0em rgba($foreground-white, 0.7), -1.8em 1.8em 0 0em rgba($foreground-white, 1), -2.6em 0em 0 0em rgba($foreground-white, 0.2), -1.8em -1.8em 0 0em rgba($foreground-white, 0.2);
76 | }
77 |
78 | 75% {
79 | box-shadow: 0em -2.6em 0em 0em rgba($foreground-white, 0.2), 1.8em -1.8em 0 0em rgba($foreground-white, 0.2), 2.5em 0em 0 0em rgba($foreground-white, 0.2), 1.75em 1.75em 0 0em rgba($foreground-white, 0.2), 0em 2.5em 0 0em rgba($foreground-white, 0.5), -1.8em 1.8em 0 0em rgba($foreground-white, 0.7), -2.6em 0em 0 0em rgba($foreground-white, 1), -1.8em -1.8em 0 0em rgba($foreground-white, 0.2);
80 | }
81 |
82 | 87.5% {
83 | box-shadow: 0em -2.6em 0em 0em rgba($foreground-white, 0.2), 1.8em -1.8em 0 0em rgba($foreground-white, 0.2), 2.5em 0em 0 0em rgba($foreground-white, 0.2), 1.75em 1.75em 0 0em rgba($foreground-white, 0.2), 0em 2.5em 0 0em rgba($foreground-white, 0.2), -1.8em 1.8em 0 0em rgba($foreground-white, 0.5), -2.6em 0em 0 0em rgba($foreground-white, 0.7), -1.8em -1.8em 0 0em rgba($foreground-white, 1);
84 | }
85 | }
86 |
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/styles/theme.scss:
--------------------------------------------------------------------------------
1 | /* Default Variables */
2 | $default-spacing: 15px;
3 |
4 | /* Background Colors */
5 | $background-primary: #212121;
6 | $background-light: #DEDEDE;
7 | $background-lighter: #E6E6E6;
8 | $background-lightest: #F4F4F4;
9 | $background-white: #FFFFFF;
10 |
11 | /* Foreground Colors */
12 | $foreground-primary: #333333;
13 | $foreground-white: #FFFFFF;
14 | $foreground-light: #666666;
15 | $foreground-lighter: #999999;
16 | $foreground-lightest: #BABABA;
17 |
18 | /* Accent Colors */
19 | $accent-background-primary: #0078d7;
20 | $accent-foreground-primary: #deecf9;
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/templates/contributing.md:
--------------------------------------------------------------------------------
1 | # Contribute to this code sample
2 |
3 | Thank you for your interest in our sample
4 |
5 | * [Ways to contribute](#ways-to-contribute)
6 | * [To contribute using Git](#to-contribute-using-git)
7 | * [Contribute code](#contribute-code)
8 | * [FAQ](#faq)
9 | * [More resources](#more-resources)
10 |
11 | ## Ways to contribute
12 |
13 | Here are some ways you can contribute to this sample:
14 |
15 | * Add better comments to the sample code.
16 | * Fix issues opened in GitHub against this sample.
17 | * Add a new feature to the sample.
18 |
19 | We want your contributions. Help the developer community by improving this sample.
20 | Contributions can include Bug fixes, new features, and better code documentation.
21 | Submit code comment contributions where you want a better explanation of what's going on.
22 | See a good example of [code commenting](https://github.com/OfficeDev/O365-Android-Microsoft-Graph-Connect/blob/master/app/src/main/java/com/microsoft/office365/connectmicrosoftgraph/AuthenticationManager.java).
23 |
24 | Another great way to improve the sample in this repository is to take on some of the open issues filed against the repository. You may have a solution to an bug in the sample code that hasn't been addressed. Fix the issue and then create a pull request following our [Contribute code](#contribute-code) guidance.
25 |
26 | If you want to add a new feature to the sample, be sure you have the agreement of the repository owner before writing the code. Start by opening an issue in the repository. Use the new issue to propose the feature. The repository owner will respond and will usually ask you for more information. When the owner agrees to take the new feature, code it and submit a pull request.
27 |
28 | ## To contribute using Git
29 | For most contributions, you'll be asked to sign a Contribution License Agreement (CLA). For those contributions that need it, The Office 365 organization on GitHub will send a link to the CLA that we want you to sign via email.
30 | By signing the CLA, you acknowledge the rights of the GitHub community to use any code that you submit. The intellectual property represented by the code contribution is licensed for use by Microsoft open source projects.
31 |
32 | If Office 365 emails a CLA to you, you need to sign it before you can contribute large submissions to a project. You only need to complete and submit it once.
33 | Read the CLA carefully. You may need to have your employer sign it.
34 |
35 | Signing the CLA does not grant you rights to commit to the main repository, but it does mean that the Office Developer and Office Developer Content Publishing teams will be able to review and approve your contributions. You will be credited for your submissions.
36 |
37 | Pull requests are typically reviewed within 10 business days.
38 |
39 | ## Use GitHub, Git, and this repository
40 |
41 | **Note:** Most of the information in this section can be found in [GitHub Help] articles. If you're familiar with Git and GitHub, skip to the **Contribute code** section for the specifics of the code contributions for this repository.
42 |
43 | ### To set up your fork of the repository
44 |
45 | 1. Set up a GitHub account so you can contribute to this project. If you haven't done this, go to [GitHub](https://github.com/join) and do it now.
46 | 2. Install Git on your computer. Follow the steps in the [Setting up Git Tutorial] [Set Up Git].
47 | 3. Create your own fork of this repository. To do this, at the top of the page, choose the **Fork** button.
48 | 4. Copy your fork to your computer. To do this, open Git Bash. At the command prompt enter:
49 |
50 | git clone https://github.com//.git
51 |
52 | Next, create a reference to the root repository by entering these commands:
53 |
54 | cd
55 | git remote add upstream https://github.com/OfficeDev/.git
56 | git fetch upstream
57 |
58 | Congratulations! You've now set up your repository. You won't need to repeat these steps again.
59 |
60 | ## Contribute code
61 |
62 | To make the contribution process as seamless as possible, follow these steps.
63 |
64 | ### To contribute code
65 |
66 | 1. Create a new branch.
67 | 2. Add new code or modify existing code.
68 | 3. Submit a pull request to the main repository.
69 | 4. Await notification of acceptance and merge.
70 | 5. Delete the branch.
71 |
72 |
73 | ### To create a new branch
74 |
75 | 1. Open Git Bash.
76 | 2. At the Git Bash command prompt, type `git pull upstream master:`. This creates a new branch locally that is copied from the latest OfficeDev master branch.
77 | 3. At the Git Bash command prompt, type `git push origin `. This alerts GitHub to the new branch. You should now see the new branch in your fork of the repository on GitHub.
78 | 4. At the Git Bash command prompt, type `git checkout ` to switch to your new branch.
79 |
80 | ### Add new code or modify existing code
81 |
82 | Navigate to the repository on your computer. On a Windows PC, the repository files are in `C:\Users\\`.
83 |
84 | Use the IDE of your choice to modify and build the sample. Once you have completed your change, commented your code, and test, check the code
85 | into the remote branch on GitHub.
86 |
87 | #### Code contribution checklist
88 | Be sure to satisfy all of the requirements in the following list before submitting a pull request:
89 |
90 |
91 | - Follow the code style found in the cloned repository code. Our Android code follows the style conventions found in the [Code Style for Contributors](https://source.android.com/source/code-style.html) guide.
92 | - Code must be tested.
93 | - Test the sample UI thoroughly to be sure nothing has been broken by your change.
94 | - Keep the size of your code change reasonable. If the repository owner cannot review your code change in 4 hours or less, your pull request may not be reviewed and approved quickly.
95 | - Avoid unnecessary changes to cloned or forked code. The reviewer will use a tool to find the differences between your code and the original code. Whitespace changes are called out along with your code. Be sure your changes will help improve the content.
96 |
97 | ### Push your code to the remote GitHub branch
98 | The files in `C:\Users\\` are a working copy of the new branch that you created in your local repository. Changing anything in this folder doesn't affect the local repository until you commit a change. To commit a change to the local repository, type the following commands in GitBash:
99 |
100 | git add .
101 | git commit -v -a -m ""
102 |
103 | The `add` command adds your changes to a staging area in preparation for committing them to the repository. The period after the `add` command specifies that you want to stage all of the files that you added or modified, checking subfolders recursively. (If you don't want to commit all of the changes, you can add specific files. You can also undo a commit. For help, type `git add -help` or `git status`.)
104 |
105 | The `commit` command applies the staged changes to the repository. The switch `-m` means you are providing the commit comment in the command line. The -v and -a switches can be omitted. The -v switch is for verbose output from the command, and -a does what you already did with the add command.
106 |
107 | You can commit multiple times while you are doing your work, or you can commit once when you're done.
108 |
109 | ### Submit a pull request to the master repository
110 |
111 | When you're finished with your work and are ready to have it merged into the master repository, follow these steps.
112 |
113 | #### To submit a pull request to the master repository
114 |
115 | 1. In the Git Bash command prompt, type `git push origin `. In your local repository, `origin` refers to your GitHub repository that you cloned the local repository from. This command pushes the current state of your new branch, including all commits made in the previous steps, to your GitHub fork.
116 | 2. On the GitHub site, navigate in your fork to the new branch.
117 | 3. Choose the **Pull Request** button at the top of the page.
118 | 4. Verify the Base branch is `OfficeDev/@master` and the Head branch is `/@`.
119 | 5. Choose the **Update Commit Range** button.
120 | 6. Add a title to your pull request, and describe all the changes you're making.
121 | 7. Submit the pull request.
122 |
123 | One of the site administrators will process your pull request. Your pull request will surface on the `OfficeDev/` site under Issues. When the pull request is accepted, the issue will be resolved.
124 |
125 | ### Repository owner code review
126 | The owner of the repository will review your pull request to be sure that all requirements are met. If the reviewer
127 | finds any issues, she will communicate with you and ask you to address them and then submit a new pull request. If your pull
128 | request is accepted, then the repository owner will tell you that your pull request is to be merged.
129 |
130 | ### Create a new branch after merge
131 |
132 | After a branch is successfully merged (that is, your pull request is accepted), don't continue working in that local branch. This can lead to merge conflicts if you submit another pull request. To do another update, create a new local branch from the successfully merged upstream branch, and then delete your initial local branch.
133 |
134 | For example, if your local branch X was successfully merged into the OfficeDev/O365-Android-Microsoft-Graph-Connect master branch and you want to make additional updates to the code that was merged. Create a new local branch, X2, from the OfficeDev/O365-Android-Microsoft-Graph-Connect branch. To do this, open GitBash and execute the following commands:
135 |
136 | cd
137 | git pull upstream master:X2
138 | git push origin X2
139 |
140 | You now have local copies (in a new local branch) of the work that you submitted in branch X. The X2 branch also contains all the work other developers have merged, so if your work depends on others' work (for example, a base class), it is available in the new branch. You can verify that your previous work (and others' work) is in the branch by checking out the new branch...
141 |
142 | git checkout X2
143 |
144 | ...and verifying the code. (The `checkout` command updates the files in `C:\Users\\O365-Android-Microsoft-Graph-Connect` to the current state of the X2 branch.) Once you check out the new branch, you can make updates to the code and commit them as usual. However, to avoid working in the merged branch (X) by mistake, it's best to delete it (see the following **Delete a branch** section).
145 |
146 | ### Delete a branch
147 |
148 | Once your changes are successfully merged into the main repository, delete the branch you used because you no longer need it. Any additional work should be done in a new branch.
149 |
150 | #### To delete a branch
151 |
152 | 1. In the Git Bash command prompt, type `git checkout master`. This ensures that you aren't in the branch to be deleted (which isn't allowed).
153 | 2. Next, at the command prompt, type `git branch -d `. This deletes the branch on your computer only if it has been successfully merged to the upstream repository. (You can override this behavior with the `-D` flag, but first be sure you want to do this.)
154 | 3. Finally, type `git push origin :` at the command prompt (a space before the colon and no space after it). This will delete the branch on your github fork.
155 |
156 | Congratulations, you have successfully contributed to the sample app!
157 |
158 |
159 | ## FAQ
160 |
161 | ### How do I get a GitHub account?
162 |
163 | Fill out the form at [Join GitHub](https://github.com/join) to open a free GitHub account.
164 |
165 | ### Where do I get a Contributor's License Agreement?
166 |
167 | You will automatically be sent a notice that you need to sign the Contributor's License Agreement (CLA) if your pull request requires one.
168 |
169 | As a community member, **you must sign the CLA before you can contribute large submissions to this project**. You only need complete and submit the CLA document once. Carefully review the document. You may be required to have your employer sign the document.
170 |
171 | ### What happens with my contributions?
172 |
173 | When you submit your changes, via a pull request, our team will be notified and will review your pull request. You will receive notifications about your pull request from GitHub; you may also be notified by someone from our team if we need more information. If your pull request is approved, we'll update the documentation on GitHub and on MSDN. We reserve the right to edit your submission for legal, style, clarity, or other issues.
174 |
175 | ### Who approves pull requests?
176 |
177 | The owner of the sample repository approves pull requests.
178 |
179 | ### How soon will I get a response about my change request?
180 |
181 | Pull requests are typically reviewed within 10 business days.
182 |
183 |
184 | ## More resources
185 |
186 | * To learn more about Markdown, go to the Git creator's site [Daring Fireball].
187 | * To learn more about using Git and GitHub, check out the [GitHub Help section] [GitHub Help].
188 |
189 | [GitHub Home]: http://github.com
190 | [GitHub Help]: http://help.github.com/
191 | [Set Up Git]: http://help.github.com/win-set-up-git/
192 | [Markdown Home]: http://daringfireball.net/projects/markdown/
193 | [Daring Fireball]: http://daringfireball.net/
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/templates/mit-license.md:
--------------------------------------------------------------------------------
1 | Office Add-in UX Design Patterns Code
2 |
3 | Copyright (c) Microsoft Corporation. All rights reserved.
4 |
5 | The MIT License
6 |
7 | Permission is hereby granted, free of charge, to any person obtaining a copy
8 | of this software and associated documentation files (the "Software"), to deal
9 | in the Software without restriction, including without limitation the rights
10 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
11 | copies of the Software, and to permit persons to whom the Software is
12 | furnished to do so, subject to the following conditions:
13 |
14 | The above copyright notice and this permission notice shall be included in all
15 | copies or substantial portions of the Software.
16 |
17 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
18 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
19 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
20 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
21 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
22 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
23 | SOFTWARE.
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/templates/readme.md:
--------------------------------------------------------------------------------
1 | # Project Title
2 |
3 | One Paragraph of project description goes here
4 |
5 | ## Getting Started
6 |
7 | These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
8 |
9 | ### Prerequisites
10 |
11 | You'll need:
12 |
13 | * [Visual Studio 2015](https://www.visualstudio.com/downloads/download-visual-studio-vs.aspx)
14 | * [Office Developer Tools for Visual Studio](https://www.visualstudio.com/en-us/features/office-tools-vs.aspx)
15 | * Excel 2016, version 6769.2011 or later
16 | * Node.js
17 |
18 |
19 | ### Installing
20 |
21 | A step by step series of examples that tell you have to get a development env running
22 |
23 | Stay what the step will be
24 |
25 | ```
26 | Give the example
27 | ```
28 |
29 | And repeat
30 |
31 | ```
32 | until finished
33 | ```
34 |
35 | End with an example of getting some data out of the system or using it for a little demo
36 |
37 | ## Running the tests
38 |
39 | Explain how to run the automated tests for this system
40 |
41 | ### Break down into end to end tests
42 |
43 | Explain what these tests test and why
44 |
45 | ```
46 | Give an example
47 | ```
48 |
49 | ### And coding style tests
50 |
51 | Explain what these tests test and why
52 |
53 | ```
54 | Give an example
55 | ```
56 |
57 | ## Deployment
58 |
59 | Add additional notes about how to deploy this on a live system
60 |
61 | ## Built With
62 |
63 | * Dropwizard - Bla bla bla
64 | * Maven - Maybe
65 | * Atom - ergaerga
66 |
67 | ## Contributing
68 |
69 | Please read [CONTRIBUTING.md](CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests to us.
70 |
71 | ## Versioning
72 |
73 | We use [SemVer](http://semver.org/) for versioning. For the versions available, see the [tags on this repository](https://github.com/your/project/tags).
74 |
75 | ## Authors
76 |
77 | * **Billie Thompson** - *Initial work* - [PurpleBooth](https://github.com/PurpleBooth)
78 |
79 | See also the list of [contributors](https://github.com/your/project/contributors) who participated in this project.
80 |
81 | ## License
82 |
83 | This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details
84 |
85 | ## Acknowledgments
86 |
87 | * Hat tip to anyone who's code was used
88 | * Inspiration
89 | * etc
90 |
91 | ## Additional resources
92 |
93 | * [Office Dev Center](http://dev.office.com/)
94 |
95 | ## Copyright
96 | Copyright (c) 2016 Microsoft. All rights reserved.
97 |
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/assets/templates/simple-file.md:
--------------------------------------------------------------------------------
1 | # Excel-Add-in-JS-WoodGrove-Expense-Trends
2 |
3 | The WoodGrove Bank Expense Trends add-in demonstrates how you can use the new JavaScript API for Microsoft Excel 2016 to create a compelling Excel add-in. With Expense Trends, you can import expense transactions into the workbook, create dashboard and trackers, view and analyze trends, and track special transactions such as charitable donations and follow up items. The sample provides two experiences: one with task pane and another with add-in commands. The following figures show the main screens of this add-in.
4 |
5 | _Applies to: Excel 2016, Excel for iPad, Excel for Mac_
6 |
7 | ## Table of Contents
8 |
9 | * [Prerequisites](#prerequisites)
10 | * [Run the project](#run-the-project)
11 | * [Additional resources](#additional-resources)
12 |
13 | ## Prerequisites
14 |
15 | You'll need:
16 |
17 | * [Visual Studio 2015](https://www.visualstudio.com/downloads/download-visual-studio-vs.aspx)
18 | * [Office Developer Tools for Visual Studio](https://www.visualstudio.com/en-us/features/office-tools-vs.aspx)
19 | * Excel 2016, version 6769.2011 or later
20 |
21 | ## Properties
22 | | Property | Type |Description
23 | |:---------------|:--------|:----------|
24 | |style|string|Gets or sets the style used for the body. This is the name of the pre-installed or custom style.|
25 | |text|string|Gets the text of the body. Use the insertText method to insert text. Read-only.|
26 |
27 | >See property access [examples.](#property-access-examples)
28 |
29 | ## Relationships
30 | | Relationship | Type |Description|
31 | |:---------------|:--------|:----------|
32 | |contentControls|[ContentControlCollection](contentcontrolcollection.md)|Gets the collection of rich text content control objects that are in the body. Read-only.|
33 | |font|[Font](font.md)|Gets the text format of the body. Use this to get and set font name, size, color, and other properties. Read-only.|
34 | |inlinePictures|[InlinePictureCollection](inlinepicturecollection.md)|Gets the collection of inlinePicture objects that are in the body. The collection does not include floating images. Read-only.|
35 | |paragraphs|[ParagraphCollection](paragraphcollection.md)|Gets the collection of paragraph objects that are in the body. Read-only.|
36 | |parentContentControl|[ContentControl](contentcontrol.md)|Gets the content control that contains the body. Returns null if there isn't a parent content control. Read-only.|
37 |
38 | ## Method details
39 |
40 | ### clear()
41 | Clears the contents of the body object. The user can perform the undo operation on the cleared content.
42 |
43 | #### Syntax
44 | ```js
45 | bodyObject.clear();
46 | ```
47 |
48 | #### Parameters
49 | None
50 |
51 | #### Returns
52 | void
53 |
54 | #### Examples
55 | ```js
56 | // Run a batch operation against the Word object model.
57 | Word.run(function (context) {
58 |
59 | // Create a proxy object for the document body.
60 | var body = context.document.body;
61 |
62 | // Queue a commmand to clear the contents of the body.
63 | body.clear();
64 |
65 | // Synchronize the document state by executing the queued commands,
66 | // and return a promise to indicate task completion.
67 | return context.sync().then(function () {
68 | console.log('Cleared the body contents.');
69 | });
70 | })
71 | .catch(function (error) {
72 | console.log("Error: " + JSON.stringify(error));
73 | if (error instanceof OfficeExtension.Error) {
74 | console.log("Debug info: " + JSON.stringify(error.debugInfo));
75 | }
76 | });
77 | ```
78 |
79 | The [Silly stories](https://aka.ms/sillystorywordaddin) add-in sample shows how the **clear** method can be used to clear the contents of a document.
80 |
81 | ## Support details
82 |
83 | Use the [requirement set](https://msdn.microsoft.com/EN-US/library/office/mt590206.aspx) in run time checks to make sure your application is supported by the host version of Word. For more information about Office host application and server requirements, see [Requirements for running Office Add-ins](https://msdn.microsoft.com/EN-US/library/office/dn833104.aspx).
84 |
85 |
86 | [body.insertOoxml]: https://github.com/OfficeDev/Word-Add-in-DocumentAssembly/blob/master/WordAPIDocAssemblySampleWeb/App/Home/Home.js#L127 "insert OOXML"
87 | [body.insertParagraph]: https://github.com/OfficeDev/Word-Add-in-DocumentAssembly/blob/master/WordAPIDocAssemblySampleWeb/App/Home/Home.js#L153 "insert paragraph"
88 | [body.search]: https://github.com/OfficeDev/Word-Add-in-DocumentAssembly/blob/master/WordAPIDocAssemblySampleWeb/App/Home/Home.js#L261 "body search"
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Markdown Editor for Word
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
23 |
24 |
25 |
26 |
27 |
28 |
29 | 
30 | MARKDOWN EDITOR
31 | for Word
32 |
33 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/polyfills.ts:
--------------------------------------------------------------------------------
1 | import 'core-js/es6';
2 | import 'core-js/es7/reflect';
3 | require('zone.js/dist/zone');
4 |
5 | if (process.env.ENV === 'production') {
6 | // Production
7 | } else {
8 | // Development
9 | Error['stackTraceLimit'] = Infinity;
10 | require('zone.js/dist/long-stack-trace-zone');
11 | }
--------------------------------------------------------------------------------
/MarkdownEditorForWord/src/vendor.ts:
--------------------------------------------------------------------------------
1 | // Angular 2
2 | import '@angular/platform-browser';
3 | import '@angular/platform-browser-dynamic';
4 | import '@angular/core';
5 | import '@angular/common';
6 | import '@angular/forms';
7 | import '@angular/http';
8 | import '@angular/router';
9 |
10 | // RxJS
11 | import 'rxjs';
12 |
13 | // External scripts
14 | import './assets/scripts/stringview.js';
--------------------------------------------------------------------------------
/MarkdownEditorForWord/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "module": "commonjs",
5 | "moduleResolution": "node",
6 | "sourceMap": true,
7 | "emitDecoratorMetadata": true,
8 | "experimentalDecorators": true,
9 | "removeComments": false,
10 | "noImplicitAny": false,
11 | "noEmitOnError": true,
12 | "rootDir": "src",
13 | "outDir": "dist"
14 | },
15 | "exclude": [
16 | "node_modules"
17 | ]
18 | }
--------------------------------------------------------------------------------
/MarkdownEditorForWord/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "rulesDirectory": [
3 | "node_modules/codelyzer"
4 | ],
5 | "rules": {
6 | "class-name": true,
7 | "curly": false,
8 | "eofline": true,
9 | "indent": [
10 | "spaces"
11 | ],
12 | "max-line-length": [
13 | true,
14 | 140
15 | ],
16 | "member-ordering": [
17 | true,
18 | "public-before-private",
19 | "static-before-instance",
20 | "variables-before-functions"
21 | ],
22 | "no-arg": true,
23 | "no-construct": true,
24 | "no-duplicate-key": true,
25 | "no-duplicate-variable": true,
26 | "no-empty": true,
27 | "no-eval": true,
28 | "no-trailing-whitespace": true,
29 | "no-unused-expression": true,
30 | "no-unused-variable": true,
31 | "no-unreachable": true,
32 | "no-use-before-declare": true,
33 | "one-line": [
34 | true,
35 | "check-open-brace",
36 | "check-catch",
37 | "check-else",
38 | "check-whitespace"
39 | ],
40 | "quotemark": [
41 | true,
42 | "single"
43 | ],
44 | "semicolon": true,
45 | "trailing-comma": true,
46 | "triple-equals": true,
47 | "variable-name": false,
48 | "directive-selector-name": [
49 | true,
50 | "camelCase"
51 | ],
52 | "component-selector-name": [
53 | true,
54 | "kebab-case"
55 | ],
56 | "directive-selector-type": [
57 | true,
58 | "attribute"
59 | ],
60 | "component-selector-type": [
61 | true,
62 | "element"
63 | ],
64 | "use-input-property-decorator": true,
65 | "use-output-property-decorator": true,
66 | "use-host-property-decorator": true,
67 | "no-input-rename": true,
68 | "no-output-rename": true,
69 | "use-life-cycle-interface": true,
70 | "use-pipe-transform-interface": true,
71 | "component-class-suffix": true,
72 | "directive-class-suffix": true
73 | }
74 | }
--------------------------------------------------------------------------------
/MarkdownEditorForWord/typings.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "markdown-editor-for-word",
3 | "dependencies": {},
4 | "globalDependencies": {
5 | "applicationinsights-js": "registry:dt/applicationinsights-js#0.23.2+20160730040946",
6 | "core-js": "registry:dt/core-js#0.0.0+20160914114559",
7 | "jquery": "registry:dt/jquery#1.10.0+20160929162922",
8 | "marked": "registry:dt/marked#0.0.0+20160325085301",
9 | "node": "registry:dt/node#6.0.0+20161019125345",
10 | "office-js": "registry:dt/office-js#0.0.0+20161003175149",
11 | "underscore": "registry:dt/underscore#1.8.3+20160908111004"
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/MarkdownEditorForWord/webpack.config.js:
--------------------------------------------------------------------------------
1 | module.exports = require('./config/webpack.dev.js');
--------------------------------------------------------------------------------
/MarkdownEditorForWordAddin/MarkdownEditorForWordAddin.csproj:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 | Debug
6 | AnyCPU
7 | {F180F779-7692-4635-9C85-84D2C5A8F9CA}
8 | Library
9 | Properties
10 | Word_Addin_Ang2_Word_to_MD
11 | Word-Addin-Ang2-Word-to-MD
12 | v4.5
13 | 15.0
14 | 512
15 | {C1CDDADD-2546-481F-9697-4EA41081F2FC};{14822709-B5A1-4724-98CA-57A101D1B079};{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}
16 | False
17 | {61f6acab-d419-425b-a7c4-a68de7733326}
18 | {2a0f2e9b-b8e4-4bec-934a-758e2655933e}
19 | {$guid12$}
20 | {1d306f29-5a2e-49d8-be82-8b72641bc572}
21 | {7122144d-a594-4c14-9c20-57de61748382}
22 | OfficeApp
23 | 12.0
24 | 12.2
25 |
26 |
27 | true
28 | full
29 | false
30 | bin\Debug\
31 | DEBUG;TRACE
32 | prompt
33 | 4
34 | false
35 |
36 |
37 | pdbonly
38 | true
39 | bin\Release\
40 | TRACE
41 | prompt
42 | 4
43 | false
44 |
45 |
46 |
47 | {648ba33d-3a1b-4179-bd9c-37ad80e9b6ed}
48 |
49 |
50 | manifest-oemanifest
51 |
52 |
53 |
54 | 10.0
55 | $(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)
56 |
57 |
--------------------------------------------------------------------------------
/MarkdownEditorForWordAddin/MarkdownEditorForWordAddin/MarkdownEditorForWordAddinManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 |
9 | af8fa5ba-4010-4bcc-9e03-a91ddadf6dd3
10 | 1.0.0.0
11 | Microsoft
12 | en-US
13 |
18 | https://github.com
19 |
20 |
21 |
23 |
24 |
26 | ReadWriteDocument
27 |
28 |
29 |
30 |
31 |
32 |
33 |
37 |
38 |
39 |
40 |
41 |
42 |
46 |
47 |
48 |
49 |
52 |
53 |
57 |
58 | ButtonId1
59 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
75 |
76 |
79 |
80 |
84 |
85 |
88 |
89 |
90 |
--------------------------------------------------------------------------------
/MarkdownEditorForWordAddin/MarkdownEditorForWordAddin/SharePointProjectItem.spdata:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
9 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # [ARCHIVED] Word-Add-in-Markdown-Editor
2 |
3 | **Note:** This repo is archived and no longer actively maintained. Security vulnerabilities may exist in the project, or its dependencies. If you plan to reuse or run any code from this repo, be sure to perform appropriate security checks on the code or dependencies first. Do not use this project as the starting point of a production Office Add-in. Always start your production code by using the Office/SharePoint development workload in Visual Studio, or the [Yeoman generator for Office Add-ins](https://github.com/OfficeDev/generator-office), and follow security best practices as you develop the add-in.
4 | Learn how you can write in Word and convert the document to markdown, save to Github and vice versa.
5 |
6 | ## Table of Contents
7 | * [Change History](#change-history)
8 | * [Prerequisites](#prerequisites)
9 | * [Configure the project](#configure-the-project)
10 | * [Run the project](#run-the-project)
11 | * [Questions and comments](#questions-and-comments)
12 | * [Additional resources](#additional-resources)
13 |
14 | ## Change History
15 |
16 | November 2016:
17 | * Initial sample version.
18 |
19 |
20 | ## Prerequisites
21 |
22 | * Word 2016 for Windows, build 16.0.6912.1000 or later.
23 | * [Node and npm](https://nodejs.org/en/)
24 | * [Git Bash](https://git-scm.com/downloads) - You should use a later build as earlier builds can show an error when generating the certificates.
25 | * GitHub account.
26 |
27 | ## GitHub account
28 | - You’d use your GitHub account to sign-in when prompted by the add-in.
29 | - Your email address should be made public in GitHub. To do this, browse to your profile page on GitHub and make the email address public.
30 | - Your organizational memberships should be made public in GitHub. If they are not public, those repos will not be listed in the add-in.
31 | - The repositories you work with should be initialized and should have at least the Master branch. It may or may not have any files.
32 | - You must grant the add-in access to browse and edit your repos when presented with this information in the dialog during sign in.
33 |
34 |
35 | ## Configure the project
36 |
37 | Run the following commands from your Bash shell for this project:
38 |
39 | 1. Clone this repo to your local machine.
40 | 2. Navigate to **Word-Addin-Ang2-Word-to-MD/WordToGitHub** folder. Run```npm install``` command to install all of the dependencies in package.json.
41 | 3. Navigate to **Word-Addin-Ang2-Word-to-MD/WordToGitHub/certificates** folder. Run ```bash gen_cert.bat``` command to create the certificates needed to run this sample.
42 | * Then in the repo on your local machine, double-click ca.crt, and select **Install Certificate**.
43 | * Select **Local Machine** and select **Next** to continue.
44 | * Select **Place all certificates in the following store** and then select **Browse**.
45 | * Select **Trusted Root Certification Authorities** and then select **OK**.
46 | * Select **Next** and then **Finish** and now your certificate authority cert has been added to your certificate store.
47 | 4. Navigate to **Word-Addin-Ang2-Word-to-MD/WordToGitHub** folder. Run ```npm start``` command to start the node web server service.
48 |
49 | Now you need to let Microsoft Word know where to find the add-in.
50 |
51 | 1. Create a network share, or [share a folder to the network](https://technet.microsoft.com/en-us/library/cc770880.aspx) and place the [word-add-in-javascript-speckit-manifest.xml](word-add-in-javascript-speckit-manifest.xml) manifest file in it.
52 | 3. Launch Word and open a document.
53 | 4. Choose the **File** tab, and then choose **Options**.
54 | 5. Choose **Trust Center**, and then choose the **Trust Center Settings** button.
55 | 6. Choose **Trusted Add-ins Catalogs**.
56 | 7. In the **Catalog Url** field, enter the network path to the folder share that contains word-add-in-js-redact-manifest.xml, and then choose **Add Catalog**.
57 | 8. Select the **Show in Menu** check box, and then choose **OK**.
58 | 9. A message is displayed to inform you that your settings will be applied the next time you start Microsoft Office. Close and restart Word.
59 |
60 | ## Run the project
61 |
62 | 1. Open a Word document.
63 | 2. On the **Insert** tab in Word 2016, choose **My Add-ins**.
64 | 3. Select the **SHARED FOLDER** tab.
65 | 4. Choose **Word Redact add-in**, and then select **OK**.
66 | 5. If add-in commands are supported by your version of Word, the UI will inform you that the add-in was loaded.
67 |
68 | ### Launch the task pane
69 |
70 | On the Ribbon:
71 | * Select **Home** tab and choose **Edit markdown** to launch the task pane.
72 |
73 | > Note: The add-in will load in a task pane if add-in commands are not supported by your version of Word.
74 |
75 | ## Questions and comments
76 |
77 | We'd love to get your feedback about this sample. You can send your feedback to us in the *Issues* section of this repository.
78 |
79 | Questions about Microsoft Office 365 development in general should be posted to [Stack Overflow](http://stackoverflow.com/questions/tagged/office-js+API). Make sure that your questions are tagged with [office-js] and [API].
80 |
81 | ## Additional resources
82 |
83 | * [Office add-in documentation](https://msdn.microsoft.com/en-us/library/office/jj220060.aspx)
84 | * [Office Dev Center](http://dev.office.com/)
85 | * [Office 365 APIs starter projects and code samples](http://msdn.microsoft.com/en-us/office/office365/howto/starter-projects-and-code-samples)
86 |
87 | ## Copyright
88 | Copyright (c) 2016 Microsoft Corporation. All rights reserved.
89 |
90 |
91 |
92 |
93 | This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/). For more information, see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments.
94 |
--------------------------------------------------------------------------------
/Word-Add-in-Markdown-Editor.yml:
--------------------------------------------------------------------------------
1 | ### YamlMime:Sample
2 | sample:
3 | - name: 'Word add-in: Markdown editor'
4 | path: ''
5 | description: Learn how you can write in Word and convert the document to markdown, save to Github and vice versa.
6 | readme: ''
7 | generateZip: FALSE
8 | isLive: TRUE
9 | technologies:
10 | - Office Add-ins
11 | azureDeploy: ''
12 | author: umasubra
13 | platforms: []
14 | languages:
15 | - JavaScript
16 | extensions:
17 | products:
18 | - Word
19 | scenarios: []
20 |
--------------------------------------------------------------------------------