Editor not working with Angular version 9

See original GitHub issue

Editor not working with Angular version 9

I’m using the latest version of this library: “@kolkov/angular-editor”: “^1.1.2”,

Anything I cant do?

My usage:

<angular-editor formControlName="description" [config]="editorConfig"></angular-editor>

  public editorConfig: AngularEditorConfig = {
    editable: true,
    spellcheck: true,
    height: '10rem',
    minHeight: '10rem',
    placeholder: 'Description*',
    translate: 'no'
  };

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:3
  • Comments:14 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
calibri87commented, Apr 11, 2020

@kolkov I’m using Angular: “@angular/core”: “~9.1.1”,

This is my package json:

{
  "name": "test",
  "version": "1.0.2",
  "scripts": {
    "ng": "ng",
    "start": "ng serve -o",
    "start:staging": "ng serve --configuration=staging",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "compile:server": "webpack --config webpack.server.config.js --progress --colors",
    "serve:ssr": "node dist/server",
    "build:ssr": "npm run build:client-and-server-bundles && npm run compile:server && node ./tools/copy-artifacts.js",
    "build-staging:ssr": "npm run build:staging-client-and-server-bundles && npm run compile:server && node ./tools/copy-artifacts.js",
    "build:client-and-server-bundles": "ng build --prod && ng run behired:server:production",
    "build:staging-client-and-server-bundles": "ng build -c staging && ng run behired:server:staging",
    "locally:staging": "firebase use behired-staging && firebase serve",
    "locally:prod": "firebase use leisure-project && firebase serve",
    "staging:deploy": "firebase use behired-staging && firebase deploy",
    "prod:deploy": "firebase use leisure-project && firebase deploy"
  },
  "private": true,
  "dependencies": {
    "@agm/core": "^1.1.0",
    "@angular/animations": "~9.1.1",
    "@angular/cdk": "^9.2.0",
    "@angular/common": "~9.1.1",
    "@angular/compiler": "~9.1.1",
    "@angular/core": "~9.1.1",
    "@angular/fire": "^6.0.0",
    "@angular/forms": "~9.1.1",
    "@angular/material": "^9.2.0",
    "@angular/platform-browser": "~9.1.1",
    "@angular/platform-browser-dynamic": "~9.1.1",
    "@angular/platform-server": "^9.1.1",
    "@angular/pwa": "^0.901.1",
    "@angular/router": "~9.1.1",
    "@angular/service-worker": "^9.1.1",
    "@babel/cli": "7.4.3",
    "@babel/core": "7.9.0",
    "@babel/preset-env": "7.9.5",
    "@fortawesome/fontawesome-free": "^5.13.0",
    "@hackages/ngxerrors": "^8.0.0",
    "@kolkov/angular-editor": "^1.1.2",
    "@nguniversal/express-engine": "^9.1.0",
    "@nguniversal/module-map-ngfactory-loader": "^8.2.6",
    "@ngx-meta/core": "^8.0.2",
    "@ngx-pwa/offline": "^9.1.0",
    "@sentry/browser": "^5.15.4",
    "angular-google-map": "0.0.2",
    "animate.css": "^3.7.2",
    "aos": "^2.3.4",
    "basscss": "^8.1.0",
    "basscss-sass": "^4.0.0",
    "chart.js": "^2.9.3",
    "core-js": "^3.6.4",
    "express": "^4.17.1",
    "firebase": "7.13.2",
    "fs-extra": "^9.0.0",
    "geofirestore": "3.2.3",
    "http-server": "^0.12.1",
    "latlon-geohash": "1.1.0",
    "lodash": "^4.17.15",
    "lozad": "^1.14.0",
    "moment": "^2.24.0",
    "ng2-truncate": "^1.3.17",
    "ngx-google-places-autocomplete": "^2.0.4",
    "ngx-prevent-double-submission": "^0.1.0",
    "rxjs": "~6.5.4",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.2"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.901.1",
    "@angular/cli": "~9.1.1",
    "@angular/compiler-cli": "~9.1.1",
    "@angular/language-service": "~9.1.1",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^12.11.1",
    "codelyzer": "^5.1.2",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.4.1",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~2.1.0",
    "karma-jasmine": "~3.0.1",
    "karma-jasmine-html-reporter": "^1.4.2",
    "protractor": "~5.4.3",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "@fortawesome/fontawesome-free": "^5.7.2",
    "typescript": "~3.8.3"
  }
}

0reactions
karthik96siddhucommented, Jun 3, 2021

Hi kolkov, I am facing issue with unordered and ordered list, when I click on the icons cursor is moving but can’t able to see number or bullet points. I am using angular 8

Read more comments on GitHub >

github_iconTop Results From Across the Web

ViewChild not working after upgrading to Angular 9
My problem was that none of the solutions worked; in fact, neither ViewChild nor ViewChildren worked in ANGULAR 9.
Read more >
Kendo Angular Editor Problem
Hi i have a problem about kendo angular editor. I used editor for dynamic html bind. But these htmls using bootstrap. For example...
Read more >
@kolkov/angular-editor - npm
A simple native WYSIWYG editor for Angular 8+, 13+. Rich Text editor component for Angular.. Latest version: 3.0.0-beta.0, last published: 5 ...
Read more >
Angular TypeScript Tutorial in Visual Studio Code
Angular TypeScript tutorial showing IntelliSense, debugging, and code navigation support in the Visual Studio Code editor.
Read more >
Server-side rendering (SSR) with Angular Universal
The following Node.js Express code routes all remaining requests to /dist , and returns a 404 - NOT FOUND error if the file...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found