some configuration improvements.

src/main/webapp/app/app.module.ts

 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { CommonModule } from '@angular/common';
-import { MarkdownModule } from 'ngx-markdown';
 
 import './vendor';
 import { GitSearchV2SharedModule } from 'app/shared/shared.module';
@@ -30,7 +29,6 @@ import { CacheService } from 'app/shared/service/cache.service';
     GitSearchV2EntityModule,
     GitSearchV2AppRoutingModule,
     QueryParamModule,
-    MarkdownModule.forRoot(),
   ],
   declarations: [MainComponent, NavbarComponent, ErrorComponent, PageRibbonComponent, ActiveMenuDirective, FooterComponent],
   bootstrap: [MainComponent],

src/main/webapp/app/exercise/exercise.module.ts

@@ -5,29 +5,23 @@ import { ExerciseCardComponent } from './exercise-card/exercise-card.component';
 import { ExerciseDetailsComponent } from './exercise-details/exercise-details.component';
 import { ExerciseMetadataComponent } from './exercise-details/exercise-metadata/exercise-metadata.component';
 import { ExerciseMetadataItemComponent } from './exercise-details/exercise-metadata/exercise-metadata-item/exercise-metadata-item.component';
-import { MarkdownModule, MarkedOptions, MarkedRenderer } from 'ngx-markdown';
+import { MarkdownModule, MarkedOptions } from 'ngx-markdown';
 import { MarkDownViewerComponent } from '../exercise/markDownViewer/markDownViewer.component';
 
-// function that returns `MarkedOptions` with renderer override
-export function markedOptionsFactory(): MarkedOptions {  // unused
-  const renderer = new MarkedRenderer();
-
-  renderer.blockquote = (text: string) => {
-    return '<blockquote class="blockquote" ><p>' + text + '</p></blockquote>';
-  };
-
-  return {
-    renderer,
-    gfm: true,
-    breaks: false,
-    pedantic: false,
-    smartLists: true,
-    smartypants: false,
-  };
-}
-
 @NgModule({
-  imports: [GitSearchV2SharedModule, MarkdownModule.forChild(),],
+  imports: [GitSearchV2SharedModule, MarkdownModule.forRoot({
+  markedOptions: {
+    provide: MarkedOptions,
+    useValue: {
+      gfm: true,
+      breaks: false,
+      pedantic: false,
+      smartLists: true,
+      smartypants: true,
+      xhtml: true,
+    },
+  },
+}),],
   declarations: [ExerciseCardComponent, ExerciseDetailsComponent, ExerciseMetadataComponent, ExerciseMetadataItemComponent, MarkDownViewerComponent],
   exports: [ExerciseCardComponent, ExerciseDetailsComponent],
 })