首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >无法将要点嵌入angular 6页面

无法将要点嵌入angular 6页面
EN

Stack Overflow用户
提问于 2019-07-21 05:00:56
回答 1查看 240关注 0票数 1

我试图在我的角度页面中嵌入一个要点,我不确定为什么我尝试的每一件事都不起作用。

这是我尝试过的:

GithubGist

ngx-gist sgbj/angular-gist angular- gist -embed手动将其嵌入到js文件中是的,我还尝试复制并粘贴了要点行(如一些人所建议的)。

我也试过,Prism.js,highlight.js。

Prism确实可以工作,但它为每一行创建了一个非常糟糕的背景高亮,并且不能将背景统一为代码后面的单个框。

我觉得我已经完全没有解决方案了。

我想知道是否有更简单的方法,或者至少有实际有效的方法。

对于这个宽泛的问题,我很抱歉,我知道有很多这样的帖子,相信我,我已经看过了所有的帖子,但没有找到对我有用的东西。

这里我放了一个使用ngx-gist时得到的错误的例子:

代码语言:javascript
复制
<ngx-gist [gistId]="'{blasterpal}/{4534675}'"></ngx-gist>

ngx-gist.js:22 GET https://gist.github.com/%7Bblasterpal%7D/%7B4534675%7D.js?file= net::ERR_ABORTED 404 (Not Found)

所有内容都在模块中设置

代码语言:javascript
复制
import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";
import { AppRoutingModule } from "./app-routing.module";
import { AppComponent } from "./app.component";
import { NavbarComponent } from "./components/navbar/navbar.component";
import { BlogComponent } from "./blog/blog.component";
import { IntroComponent } from "./intro/intro.component";
import { BlogPostPreviewComponent } from "./components/blog-post-preview/blog-post-preview.component";
import { HttpClientModule } from "@angular/common/http";
import { BlogService } from "./blog/blog.service";
import { BlogPostContentsComponent } from "./blog/blog-post-contents/blog-post-contents.component";
import { BlogContentTextComponent } from "./blog/blog-post-contents/blog-content-text/blog-content-text.component";
import { NgxGistModule } from "ngx-gist/dist/ngx-gist.module";

@NgModule({
  declarations: [
    AppComponent,
    NavbarComponent,
    BlogComponent,
    IntroComponent,
    BlogPostPreviewComponent,
    BlogPostContentsComponent,
    BlogContentTextComponent
  ],
  imports: [BrowserModule, AppRoutingModule, HttpClientModule, NgxGistModule],
  providers: [BlogService],
  bootstrap: [AppComponent]
})
export class AppModule {}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-07-23 21:07:05

我认为ngx-gist会为你工作。您的gistId中似乎有错误。您收到的错误包含URL中{和}的编码(分别为%7B和%7D )。我认为这意味着你不应该在你的gistId中使用这些字符。ngx-gist readme没有明确指出这些字符不应该出现在最终字符串中。

尝试将标记更改为

代码语言:javascript
复制
<ngx-gist [gistId]="'blasterpal/4534675'"></ngx-gist>

让我们知道会发生什么。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57128562

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档