- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试将要点嵌入到我的 Angular 页面中,我不确定为什么我尝试过的每件事都不起作用。
这是我尝试过的:
ngx要点sgbj/Angular 要点 Angular 要点嵌入手动使它成为嵌入它的js文件是的,我也尝试复制并粘贴要点行(正如一些人所建议的)。
我也试过了,Prism.js,highlight.js。
Prism 确实有效,但它为每一行创建了一个非常糟糕的背景高亮,并且无法将背景统一为代码后面的单个框。
我觉得我完全没有解决方案了。
我想知道是否有更简单的方法,或者至少是实际有效的方法。
对于这个宽泛的问题,我深表歉意,我知道有很多线程可以解决这个问题,相信我,我已经查看了所有这些线程,但找不到对我有用的东西。
这里我举了一个我在使用 ngx-gist 时遇到的错误示例:
<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)
一切都在模块中设置
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 {}
最佳答案
我认为 ngx-gist 会为你工作。您的 gistId 似乎有错误。您收到的错误包含 URL 中 { 和 } 的编码(分别为 %7B 和 %7D)。我认为这意味着您不打算在 gistId 中使用这些字符。 ngx-gist readme没有明确说明这些字符不应出现在最终字符串中。
尝试将标签更改为
<ngx-gist [gistId]="'blasterpal/4534675'"></ngx-gist>
让我们知道发生了什么。
关于css - 无法将要点嵌入 Angular 6 页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57128562/
为了将来自Github的很长的Gists嵌入到Wordpress博客中,什么代码将允许我设置高度,以便生成垂直滚动条? 500px左右的东西将是完美的。 编辑:现在已经解决了该问题,但是我花了很多时间
我有一些 Github 要点,我正在向潜在雇主展示我的编码风格。我确实相信我所有的 github 要点都是公开的,因为这就是我选择制作它们的方式。但是在访问 gist.github.com/myuse
我不知道这是否存在,但我希望能够做到: $ cat mygist.js | gh new gist 并让它返回 URL(并可能将其复制到剪贴板/在浏览器中打开它)。 最佳答案 似乎 GitHub 有一
我在没有登录的情况下意外创建了一个 secret 要点(我认为我的 session 在正确的时间过期了)..无论如何都要删除它..因为它包含敏感数据。 最佳答案 Update 04/08/2014 现
我想显示一个无序列表,其中包含 url 并相互缩进(但所有行都对齐/向左) * line one text text ted more text text text * line two te
我正在开发一个使用 Web Essentials 来捆绑和缩小脚本文件的项目。 它运行良好,当我保存对脚本文件的更改时,Web Essentials 会运行。我们目前有几个开发人员参与该项目,每次从源
我有以下限制: ALTER TABLE my_table ADD CONSTRAINT no_overlap EXCLUDE USING gist ( product_id WITH =,
我正在尝试从 python 程序更新要点中已创建的 json 文件。问题是,我不知道该怎么做。 我找到了this api ,我很确定这与我想做的事情有关。我再次不知道如何正确使用它。 我还发现了一个名
我正在尝试创建一个包含多行内容的要点,但不确定最好的方法。\n 不工作,也没有添加两个空行。它显示为单行文本。 var content = 'content on\nnewline here'; $.
Angular 会忽略其模板中的 script 标签,但它们是加载 GitHub gist 所必需的。这样做的最佳做法是什么?使用 iframe?动态创建 script 标签?还是别的? 最佳答案 一
我在使用 jQuery.ajax() 将要点发布到 Github 时遇到问题。要点已创建,响应为 201 Created,但 Firebug 中的响应选项卡为空,并且命中了错误回调。 var da
我看到了以下帖子:Sexy Code Snippet Management With Gists作者:Jeffrey Way,描述了如何在 Sublime Text 2 中使用 GitHub 管理和共
6.3.1.1p2说 The following may be used in an expression wherever an int or unsigned int may be used: A
我是一名优秀的程序员,十分优秀!