@flogeez/angular-tiptap-editor 0.1.0 → 0.2.1

package/README.md

@@ -1,4 +1,4 @@
-# NgxTiptapEditor
+# Angular Tiptap Editor
 
 A modern, customizable rich-text editor for Angular applications, built with Tiptap and featuring complete internationalization support.
 
@@ -16,7 +16,7 @@ A modern, customizable rich-text editor for Angular applications, built with Tip
 ## 📦 Installation
 
 ```bash
-npm install angular-tiptap-editor
+npm install @flogeez/angular-tiptap-editor
 ```
 
 ### CSS Styles
@@ -27,7 +27,7 @@ Add the required CSS to your `angular.json` file in the `styles` array:
 {
   "styles": [
     ...
-    "node_modules/angular-tiptap-editor/src/lib/styles/index.css",
+    "node_modules/@flogeez/angular-tiptap-editor/src/lib/styles/index.css",
     ...
   ]
 }
@@ -39,14 +39,14 @@ Add the required CSS to your `angular.json` file in the `styles` array:
 
 ```typescript
 import { Component } from "@angular/core";
-import { NgxTiptapEditorComponent } from "angular-tiptap-editor";
+import { AngularTiptapEditorComponent } from "@flogeez/angular-tiptap-editor";
 
 @Component({
   selector: "app-example",
   standalone: true,
-  imports: [NgxTiptapEditorComponent],
+  imports: [AngularTiptapEditorComponent],
   template: `
-    <ngx-tiptap-editor
+    <angular-tiptap-editor
       [content]="content"
       (contentChange)="onContentChange($event)"
     />
@@ -66,14 +66,14 @@ export class ExampleComponent {
 
 ```typescript
 import { Component } from "@angular/core";
-import { NgxTiptapEditorComponent } from "angular-tiptap-editor";
+import { AngularTiptapEditorComponent } from "@flogeez/angular-tiptap-editor";
 
 @Component({
   selector: "app-advanced",
   standalone: true,
-  imports: [NgxTiptapEditorComponent],
+  imports: [AngularTiptapEditorComponent],
   template: `
-    <ngx-tiptap-editor
+    <angular-tiptap-editor
       [content]="content"
       [toolbar]="toolbarConfig"
       [bubbleMenu]="bubbleMenuConfig"
@@ -117,15 +117,15 @@ export class AdvancedComponent {
 ```typescript
 import { Component } from "@angular/core";
 import { FormControl, ReactiveFormsModule } from "@angular/forms";
-import { NgxTiptapEditorComponent } from "angular-tiptap-editor";
+import { AngularTiptapEditorComponent } from "@flogeez/angular-tiptap-editor";
 
 @Component({
   selector: "app-form",
   standalone: true,
-  imports: [NgxTiptapEditorComponent, ReactiveFormsModule],
+  imports: [AngularTiptapEditorComponent, ReactiveFormsModule],
   template: `
     <form>
-      <ngx-tiptap-editor
+      <angular-tiptap-editor
         [formControl]="contentControl"
         placeholder="Enter your content here..."
       />
@@ -222,13 +222,13 @@ The editor supports English and French with automatic browser language detection
 
 ```typescript
 // Force English
-<ngx-tiptap-editor [locale]="'en'" />
+<angular-tiptap-editor [locale]="'en'" />
 
 // Force French
-<ngx-tiptap-editor [locale]="'fr'" />
+<angular-tiptap-editor [locale]="'fr'" />
 
 // Auto-detect (default)
-<ngx-tiptap-editor />
+<angular-tiptap-editor />
 ```
 
 ## 🔧 Development
@@ -265,16 +265,16 @@ Contributions are welcome! Please feel free to submit a Pull Request.
 
 ## 📞 Support
 
-- 🐛 [Report Issues](https://github.com/flogeez/ngx-tiptap-editor/issues)
-- 💡 [Feature Requests](https://github.com/flogeez/ngx-tiptap-editor/issues)
-- 📖 [Documentation](https://github.com/flogeez/ngx-tiptap-editor#readme)
+- 🐛 [Report Issues](https://github.com/flogeez/angular-tiptap-editor/issues)
+- 💡 [Feature Requests](https://github.com/flogeez/angular-tiptap-editor/issues)
+- 📖 [Documentation](https://github.com/flogeez/angular-tiptap-editor#readme)
 
 ## 🔗 Links
 
 - 🎮 [Live Demo](https://flogeez.github.io/angular-tiptap-editor/)
 - 📖 [Tiptap Documentation](https://tiptap.dev/)
 - 🅰️ [Angular Documentation](https://angular.dev/)
-- 📦 [NPM Package](https://www.npmjs.com/package/angular-tiptap-editor)
+- 📦 [NPM Package](https://www.npmjs.com/package/@flogeez/angular-tiptap-editor)
 
 ---
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flogeez/angular-tiptap-editor",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "A modern, customizable rich-text editor for Angular (19+), built with Tiptap and featuring complete internationalization support",
   "keywords": [
     "angular",
@@ -26,6 +26,7 @@
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
     "@angular/forms": ">=19.0.0",
+    "@fontsource/material-symbols-outlined": "^5.0.0",
     "@tiptap/core": "^2.0.0",
     "@tiptap/starter-kit": "^2.0.0",
     "@tiptap/extension-placeholder": "^2.0.0",

package/src/lib/styles/index.css

@@ -1,4 +1,5 @@
 @import "./bubble-menu.global.css";
+@import "./material-symbols.css";
 
 /* Styles pour les liens */
 .tiptap-link {

package/src/lib/styles/material-symbols.css

@@ -0,0 +1,16 @@
+.material-symbols-outlined {
+  font-family: "Material Symbols Outlined";
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-feature-settings: "liga";
+  -webkit-font-smoothing: antialiased;
+  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
+}