Docs Auto Writer ✍️

Type text and insert it directly into Google Docs.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Docs Auto Writer ✍️
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Type text and insert it directly into Google Docs.
// @author       You
// @match        https://docs.google.com/document/*
// @grant        none
// ==/UserScript==

(function () {
  'use strict';

  if (document.getElementById("docs-writer-box")) return;

  // Create UI box
  const box = document.createElement("div");
  box.id = "docs-writer-box";

  Object.assign(box.style, {
    position: "fixed",
    bottom: "20px",
    right: "20px",
    width: "250px",
    background: "white",
    border: "1px solid #ccc",
    padding: "10px",
    zIndex: "999999",
    borderRadius: "8px",
    boxShadow: "0 2px 10px rgba(0,0,0,0.2)",
    fontFamily: "Arial"
  });

  // Input field
  const input = document.createElement("textarea");
  input.placeholder = "Type what you want to insert...";
  input.style.width = "100%";
  input.style.height = "80px";
  input.style.marginBottom = "5px";

  // Button
  const btn = document.createElement("button");
  btn.innerText = "Insert into Doc";
  btn.style.width = "100%";
  btn.style.cursor = "pointer";

  // Button click
  btn.onclick = () => {
    const text = input.value;
    if (!text) return;

    // Focus the doc editor
    const editor = document.querySelector('[contenteditable="true"]');
    if (!editor) return alert("Click inside the document first!");

    editor.focus();

    // Insert text at cursor
    document.execCommand("insertText", false, text);
  };

  // Add to page
  box.appendChild(input);
  box.appendChild(btn);
  document.body.appendChild(box);

})();